@ironsource/shared-ui 2.1.12-rc.25 → 2.1.12-rc.27

package/index.d.ts

@@ -6482,6 +6482,8 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
+        }) => any>> & Partial<Record<`after-header-${string}`, (_: {
+            column: tableV3.Column;
         }) => any>> & Partial<Record<`total-${string}`, (_: {
             column: tableV3.Column;
         }) => any>> & Partial<Record<`cell-${string}`, (_: {
@@ -7323,6 +7325,8 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
+        }) => any>> & Partial<Record<`after-header-${string}`, (_: {
+            column: tableV3.Column;
         }) => any>> & Partial<Record<`total-${string}`, (_: {
             column: tableV3.Column;
         }) => any>> & Partial<Record<`cell-${string}`, (_: {
@@ -16368,6 +16372,7 @@ declare const _default: {
                 multi: boolean;
                 infiniteLoading: boolean;
                 showSelectAll: boolean;
+                showClearAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
                 autoSize: boolean;
@@ -16405,6 +16410,7 @@ declare const _default: {
                 groupedOptions: boolean;
                 comparingKey: string;
                 customNumberOfDisplayedOptions: number;
+                optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -16497,6 +16503,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showClearAll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 defaultOpen: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16649,6 +16659,10 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
+                optionTooltipPosition: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16686,7 +16700,7 @@ declare const _default: {
                 onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16786,6 +16800,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showClearAll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 defaultOpen: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16938,6 +16956,10 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
+                optionTooltipPosition: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17010,6 +17032,7 @@ declare const _default: {
                 multi: boolean;
                 infiniteLoading: boolean;
                 showSelectAll: boolean;
+                showClearAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
                 autoSize: boolean;
@@ -17047,6 +17070,7 @@ declare const _default: {
                 groupedOptions: boolean;
                 comparingKey: string;
                 customNumberOfDisplayedOptions: number;
+                optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17159,6 +17183,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17311,6 +17339,10 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17441,6 +17473,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17593,6 +17629,10 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
+        optionTooltipPosition: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17665,6 +17705,7 @@ declare const _default: {
         multi: boolean;
         infiniteLoading: boolean;
         showSelectAll: boolean;
+        showClearAll: boolean;
         defaultOpen: boolean;
         keepOpen: boolean;
         autoSize: boolean;
@@ -17702,6 +17743,7 @@ declare const _default: {
         groupedOptions: boolean;
         comparingKey: string;
         customNumberOfDisplayedOptions: number;
+        optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -18812,6 +18854,7 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
+            "after-label"?(_: {}): any;
         };
     });
     ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
@@ -20441,6 +20484,7 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 option: any;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20457,17 +20501,21 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 endTextIconKey: string;
-                toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
                 isMulti: boolean;
+                minMaxSelectionTooltipMessage: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20532,10 +20580,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
-                };
                 treeMainOption: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20556,12 +20600,16 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                minMaxSelectionTooltipMessage: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
             }>> & {
                 onToggleTreeCollapse?: (option: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20580,6 +20628,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20644,10 +20696,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
-                };
                 treeMainOption: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20668,6 +20716,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                minMaxSelectionTooltipMessage: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -20677,6 +20729,7 @@ declare const _default: {
                 toggleTreeCollapse: (option: unknown) => void;
             }, string, {
                 option: any;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20693,12 +20746,12 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 endTextIconKey: string;
-                toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
                 isMulti: boolean;
+                minMaxSelectionTooltipMessage: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20724,6 +20777,10 @@ declare const _default: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20788,10 +20845,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20812,6 +20865,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minMaxSelectionTooltipMessage: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -20826,6 +20883,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20890,10 +20951,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        toolTipPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         treeMainOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20914,6 +20971,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        minMaxSelectionTooltipMessage: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -20923,6 +20984,7 @@ declare const _default: {
         toggleTreeCollapse: (option: unknown) => void;
     }, string, {
         option: any;
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -20939,12 +21001,12 @@ declare const _default: {
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
         endTextIconKey: string;
-        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         treeMainOption: boolean;
         treeMainOptionExpanded: boolean;
         stopOptionClickEventPropagation: boolean;
         treeChildShown: boolean;
         isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -21144,6 +21206,7 @@ declare const _default: {
                 multi: boolean;
                 infiniteLoading: boolean;
                 showSelectAll: boolean;
+                showClearAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
                 autoSize: boolean;
@@ -21181,6 +21244,7 @@ declare const _default: {
                 groupedOptions: boolean;
                 comparingKey: string;
                 customNumberOfDisplayedOptions: number;
+                optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -21273,6 +21337,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showClearAll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 defaultOpen: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21425,6 +21493,10 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
+                optionTooltipPosition: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21462,7 +21534,7 @@ declare const _default: {
                 onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "valueToCopy" | "selected" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "showClearAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "dynamicFilterMode" | "minSelections" | "maxSelections" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "triggerShownValuesCount" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "optionWarningKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "optionTooltipPosition" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -21562,6 +21634,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showClearAll: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 defaultOpen: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21714,6 +21790,10 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: any;
                 };
+                optionTooltipPosition: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -21786,6 +21866,7 @@ declare const _default: {
                 multi: boolean;
                 infiniteLoading: boolean;
                 showSelectAll: boolean;
+                showClearAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
                 autoSize: boolean;
@@ -21823,6 +21904,7 @@ declare const _default: {
                 groupedOptions: boolean;
                 comparingKey: string;
                 customNumberOfDisplayedOptions: number;
+                optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -21935,6 +22017,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showClearAll: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             defaultOpen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -22087,6 +22173,10 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: any;
             };
+            optionTooltipPosition: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -22217,6 +22307,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showClearAll: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         defaultOpen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -22369,6 +22463,10 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: any;
         };
+        optionTooltipPosition: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -22441,6 +22539,7 @@ declare const _default: {
         multi: boolean;
         infiniteLoading: boolean;
         showSelectAll: boolean;
+        showClearAll: boolean;
         defaultOpen: boolean;
         keepOpen: boolean;
         autoSize: boolean;
@@ -22478,6 +22577,7 @@ declare const _default: {
         groupedOptions: boolean;
         comparingKey: string;
         customNumberOfDisplayedOptions: number;
+        optionTooltipPosition: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -23069,165 +23169,476 @@ declare const _default: {
         $slots: {
             "trigger-end-icon"?(_: {}): any;
         };
-    })) | import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        infiniteLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        triggerShownValuesCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
-        };
-        optionFlagKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        groupedOptions: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        comparingKey: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        conditionalOptions: {
-            type: import("vue").PropType<{
-                label: string;
-                value: string;
-                multi: boolean;
-            }[]>;
-            required: true;
-        };
-        selectedCondition: {
-            type: import("vue").PropType<{
+    })) | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
                 label: string;
-                value: string;
-                multi: boolean;
-            }>;
-            required: true;
-        };
-        appliedSelections: {
-            type: import("vue").PropType<unknown>;
-            required: true;
-        };
-        fetchFnCallback: {
-            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
-            required: true;
-        };
-        minCharsToStart: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        searchQuery: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loadMoreFn: {
-            type: import("vue").PropType<() => Promise<any[]>>;
-            default: any;
-        };
-        fetchDataDebounceTime: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        autoFocusSearch: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        loadingOverride: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selectedCondition": (value: {
-            label: string;
-            value: string;
-            multi: boolean;
-        }) => void;
-        "update:appliedSelections": (value: unknown) => void;
-        clear: () => void;
-        closed: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        infiniteLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        triggerShownValuesCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
-        };
-        optionFlagKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        groupedOptions: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        comparingKey: {
-            type: import("vue").PropType<string>;
-            required: true;
+                testId: string;
+                isOpen: boolean;
+                infiniteLoading: boolean;
+                triggerShownValuesCount: number;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                groupedOptions: boolean;
+                comparingKey: string;
+                minCharsToStart: number;
+                searchQuery: string;
+                loadMoreFn: () => Promise<any[]>;
+                fetchDataDebounceTime: number;
+                autoFocusSearch: boolean;
+                loadingOverride: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                triggerShownValuesCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                conditionalOptions: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }[]>;
+                    required: true;
+                };
+                selectedCondition: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }>;
+                    required: true;
+                };
+                appliedSelections: {
+                    type: import("vue").PropType<unknown>;
+                    required: true;
+                };
+                fetchFnCallback: {
+                    type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                    required: true;
+                };
+                minCharsToStart: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                searchQuery: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadMoreFn: {
+                    type: import("vue").PropType<() => Promise<any[]>>;
+                    default: any;
+                };
+                fetchDataDebounceTime: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                autoFocusSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loadingOverride: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClear?: () => any;
+                onClosed?: () => any;
+                "onUpdate:selectedCondition"?: (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => any;
+                "onUpdate:appliedSelections"?: (value: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "isOpen" | "infiniteLoading" | "triggerShownValuesCount" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "groupedOptions" | "comparingKey" | "minCharsToStart" | "searchQuery" | "loadMoreFn" | "fetchDataDebounceTime" | "autoFocusSearch" | "loadingOverride">;
+            $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: "clear") => void) & ((event: "closed") => void) & ((event: "update:selectedCondition", value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => void) & ((event: "update:appliedSelections", value: unknown) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                triggerShownValuesCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                conditionalOptions: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }[]>;
+                    required: true;
+                };
+                selectedCondition: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }>;
+                    required: true;
+                };
+                appliedSelections: {
+                    type: import("vue").PropType<unknown>;
+                    required: true;
+                };
+                fetchFnCallback: {
+                    type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                    required: true;
+                };
+                minCharsToStart: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                searchQuery: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadMoreFn: {
+                    type: import("vue").PropType<() => Promise<any[]>>;
+                    default: any;
+                };
+                fetchDataDebounceTime: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                autoFocusSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loadingOverride: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClear?: () => any;
+                onClosed?: () => any;
+                "onUpdate:selectedCondition"?: (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => any;
+                "onUpdate:appliedSelections"?: (value: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:selectedCondition": (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => void;
+                "update:appliedSelections": (value: unknown) => void;
+                clear: () => void;
+                closed: () => void;
+            }, string, {
+                label: string;
+                testId: string;
+                isOpen: boolean;
+                infiniteLoading: boolean;
+                triggerShownValuesCount: number;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                groupedOptions: boolean;
+                comparingKey: string;
+                minCharsToStart: number;
+                searchQuery: string;
+                loadMoreFn: () => Promise<any[]>;
+                fetchDataDebounceTime: number;
+                autoFocusSearch: boolean;
+                loadingOverride: 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<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            conditionalOptions: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }[]>;
+                required: true;
+            };
+            selectedCondition: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }>;
+                required: true;
+            };
+            appliedSelections: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            fetchFnCallback: {
+                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                required: true;
+            };
+            minCharsToStart: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            searchQuery: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loadMoreFn: {
+                type: import("vue").PropType<() => Promise<any[]>>;
+                default: any;
+            };
+            fetchDataDebounceTime: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoFocusSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loadingOverride: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClear?: () => any;
+            onClosed?: () => any;
+            "onUpdate:selectedCondition"?: (value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => any;
+            "onUpdate:appliedSelections"?: (value: unknown) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        triggerShownValuesCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
             default: string;
         };
         conditionalOptions: {
@@ -23287,7 +23698,16 @@ declare const _default: {
             multi: boolean;
         }) => any;
         "onUpdate:appliedSelections"?: (value: unknown) => any;
-    }, {
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+        closed: () => void;
+    }, string, {
         label: string;
         testId: string;
         isOpen: boolean;
@@ -23306,13 +23726,20 @@ declare const _default: {
         fetchDataDebounceTime: number;
         autoFocusSearch: boolean;
         loadingOverride: boolean;
-    }>)[];
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "option-end"?(_: {
+                option: any;
+            }): any;
+        };
+    })))[];
     Option: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
                 option: any;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -23329,17 +23756,21 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 endTextIconKey: string;
-                toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
                 isMulti: boolean;
+                minMaxSelectionTooltipMessage: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -23404,10 +23835,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
-                };
                 treeMainOption: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -23428,12 +23855,16 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                minMaxSelectionTooltipMessage: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
             }>> & {
                 onToggleTreeCollapse?: (option: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "tooltipPlacement" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "warningKey" | "iconType" | "endIconKey" | "endTextIconKey" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti" | "minMaxSelectionTooltipMessage">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -23452,6 +23883,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -23516,10 +23951,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
-                };
                 treeMainOption: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -23540,6 +23971,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                minMaxSelectionTooltipMessage: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -23549,6 +23984,7 @@ declare const _default: {
                 toggleTreeCollapse: (option: unknown) => void;
             }, string, {
                 option: any;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -23565,12 +24001,12 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 endTextIconKey: string;
-                toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
                 isMulti: boolean;
+                minMaxSelectionTooltipMessage: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -23596,6 +24032,10 @@ declare const _default: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -23660,10 +24100,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
             treeMainOption: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -23684,6 +24120,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            minMaxSelectionTooltipMessage: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -23698,6 +24138,10 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -23762,10 +24206,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        toolTipPlacement: {
-            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-            default: string;
-        };
         treeMainOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -23786,6 +24226,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        minMaxSelectionTooltipMessage: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -23795,6 +24239,7 @@ declare const _default: {
         toggleTreeCollapse: (option: unknown) => void;
     }, string, {
         option: any;
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -23811,12 +24256,12 @@ declare const _default: {
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
         endTextIconKey: string;
-        toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         treeMainOption: boolean;
         treeMainOptionExpanded: boolean;
         stopOptionClickEventPropagation: boolean;
         treeChildShown: boolean;
         isMulti: boolean;
+        minMaxSelectionTooltipMessage: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -24278,116 +24723,427 @@ declare const _default: {
             "trigger-end-icon"?(_: {}): any;
         };
     });
-    ConditionalDropdown: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        infiniteLoading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        triggerShownValuesCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
-        };
-        optionFlagKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        groupedOptions: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        comparingKey: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        conditionalOptions: {
-            type: import("vue").PropType<{
+    ConditionalDropdown: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                testId: string;
+                isOpen: boolean;
+                infiniteLoading: boolean;
+                triggerShownValuesCount: number;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                groupedOptions: boolean;
+                comparingKey: string;
+                minCharsToStart: number;
+                searchQuery: string;
+                loadMoreFn: () => Promise<any[]>;
+                fetchDataDebounceTime: number;
+                autoFocusSearch: boolean;
+                loadingOverride: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                triggerShownValuesCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                conditionalOptions: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }[]>;
+                    required: true;
+                };
+                selectedCondition: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }>;
+                    required: true;
+                };
+                appliedSelections: {
+                    type: import("vue").PropType<unknown>;
+                    required: true;
+                };
+                fetchFnCallback: {
+                    type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                    required: true;
+                };
+                minCharsToStart: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                searchQuery: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadMoreFn: {
+                    type: import("vue").PropType<() => Promise<any[]>>;
+                    default: any;
+                };
+                fetchDataDebounceTime: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                autoFocusSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loadingOverride: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClear?: () => any;
+                onClosed?: () => any;
+                "onUpdate:selectedCondition"?: (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => any;
+                "onUpdate:appliedSelections"?: (value: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "isOpen" | "infiniteLoading" | "triggerShownValuesCount" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionFlagKey" | "groupedOptions" | "comparingKey" | "minCharsToStart" | "searchQuery" | "loadMoreFn" | "fetchDataDebounceTime" | "autoFocusSearch" | "loadingOverride">;
+            $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: "clear") => void) & ((event: "closed") => void) & ((event: "update:selectedCondition", value: {
+                label: string;
+                value: string;
+                multi: boolean;
+            }) => void) & ((event: "update:appliedSelections", value: unknown) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                triggerShownValuesCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionFlagKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                groupedOptions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                comparingKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                conditionalOptions: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }[]>;
+                    required: true;
+                };
+                selectedCondition: {
+                    type: import("vue").PropType<{
+                        label: string;
+                        value: string;
+                        multi: boolean;
+                    }>;
+                    required: true;
+                };
+                appliedSelections: {
+                    type: import("vue").PropType<unknown>;
+                    required: true;
+                };
+                fetchFnCallback: {
+                    type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                    required: true;
+                };
+                minCharsToStart: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                searchQuery: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loadMoreFn: {
+                    type: import("vue").PropType<() => Promise<any[]>>;
+                    default: any;
+                };
+                fetchDataDebounceTime: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                autoFocusSearch: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                loadingOverride: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                onClear?: () => any;
+                onClosed?: () => any;
+                "onUpdate:selectedCondition"?: (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => any;
+                "onUpdate:appliedSelections"?: (value: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:selectedCondition": (value: {
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }) => void;
+                "update:appliedSelections": (value: unknown) => void;
+                clear: () => void;
+                closed: () => void;
+            }, string, {
                 label: string;
-                value: string;
-                multi: boolean;
-            }[]>;
-            required: true;
-        };
-        selectedCondition: {
-            type: import("vue").PropType<{
+                testId: string;
+                isOpen: boolean;
+                infiniteLoading: boolean;
+                triggerShownValuesCount: number;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionFlagKey: string;
+                groupedOptions: boolean;
+                comparingKey: string;
+                minCharsToStart: number;
+                searchQuery: string;
+                loadMoreFn: () => Promise<any[]>;
+                fetchDataDebounceTime: number;
+                autoFocusSearch: boolean;
+                loadingOverride: 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<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            triggerShownValuesCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionFlagKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            groupedOptions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            comparingKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            conditionalOptions: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }[]>;
+                required: true;
+            };
+            selectedCondition: {
+                type: import("vue").PropType<{
+                    label: string;
+                    value: string;
+                    multi: boolean;
+                }>;
+                required: true;
+            };
+            appliedSelections: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            fetchFnCallback: {
+                type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+                required: true;
+            };
+            minCharsToStart: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            searchQuery: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loadMoreFn: {
+                type: import("vue").PropType<() => Promise<any[]>>;
+                default: any;
+            };
+            fetchDataDebounceTime: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            autoFocusSearch: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            loadingOverride: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onClear?: () => any;
+            onClosed?: () => any;
+            "onUpdate:selectedCondition"?: (value: {
                 label: string;
                 value: string;
                 multi: boolean;
-            }>;
-            required: true;
-        };
-        appliedSelections: {
-            type: import("vue").PropType<unknown>;
-            required: true;
-        };
-        fetchFnCallback: {
-            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
-            required: true;
-        };
-        minCharsToStart: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        searchQuery: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loadMoreFn: {
-            type: import("vue").PropType<() => Promise<any[]>>;
-            default: any;
-        };
-        fetchDataDebounceTime: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        autoFocusSearch: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        loadingOverride: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selectedCondition": (value: {
-            label: string;
-            value: string;
-            multi: boolean;
-        }) => void;
-        "update:appliedSelections": (value: unknown) => void;
-        clear: () => void;
-        closed: () => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            }) => any;
+            "onUpdate:appliedSelections"?: (value: unknown) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             required: true;
@@ -24496,7 +25252,16 @@ declare const _default: {
             multi: boolean;
         }) => any;
         "onUpdate:appliedSelections"?: (value: unknown) => any;
-    }, {
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+        closed: () => void;
+    }, string, {
         label: string;
         testId: string;
         isOpen: boolean;
@@ -24515,7 +25280,13 @@ declare const _default: {
         fetchDataDebounceTime: number;
         autoFocusSearch: boolean;
         loadingOverride: boolean;
-    }>;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "option-end"?(_: {
+                option: any;
+            }): any;
+        };
+    });
     Label: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -24877,6 +25648,7 @@ declare const _default: {
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
+            "after-label"?(_: {}): any;
             loader?(_: {}): any;
         };
     });
@@ -25878,6 +26650,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -25890,6 +26666,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipTextKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -25902,6 +26682,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -25914,12 +26698,18 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipTextKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {
         testId: string;
         variant: "default" | "primary";
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         iconKey: string;
+        tooltipTextKey: string;
     }>;
     SwitchTypes: () => import("vue").DefineComponent<{
         testId: {
@@ -25931,6 +26721,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -25943,6 +26737,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipTextKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -25955,6 +26753,10 @@ declare const _default: {
             required: true;
             default: string;
         };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -25967,12 +26769,18 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        tooltipTextKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {
         testId: string;
         variant: "default" | "primary";
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         iconKey: string;
+        tooltipTextKey: string;
     }>[];
     Chip: {
         new (...args: any[]): {
@@ -26315,7 +27123,9 @@ export default _default;
 export * from '@/composables/useToggle';
 export * from '@/composables/useSearch';
 export * from '@/composables/useFormValidation';
+export * from '@/composables/useDateService';
 export * from '@/components/banner';
 export * from '@/components/alert';
+export * from '@/components/link';
 export * from '@/components/autocomplete';
 export * from '@/components/chart';