@ironsource/shared-ui 2.0.0-rc.5 → 2.0.0-rc.6

package/components/icon/v4/IconV4.vue.d.ts

@@ -1,5 +1,5 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     name?: string;
     size?: string;
     color?: string;
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color: any;
     type: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    type?: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    type?: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     name?: string;
     size?: string;
     color?: string;
@@ -20,7 +20,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
 }>>>, {
     name: string;
-    type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     size: string;
     color: string;
 }>, {

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
-/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_f23078a4_lang.css"; //*');
-const c = /* @__PURE__ */ _(o, [["__scopeId", "data-v-f23078a4"]]);
+/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a78f8a3e"]]);
 export {
-  c as default
+  a as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,6 +1,6 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_f23078a4_lang.css"; import { defineComponent as g, useCssVars as y, useSlots as $, computed as r, openBlock as l, createElementBlock as i, normalizeClass as C, unref as u, createCommentVNode as S, renderSlot as w } from "vue";
-import { useStorage as b } from "../../../composables/useStorage.js";
-const U = ["innerHTML"], q = /* @__PURE__ */ g({
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_a78f8a3e_lang.css"; import { defineComponent as g, useCssVars as $, useSlots as C, computed as r, watch as w, openBlock as i, createElementBlock as u, normalizeClass as S, unref as f, createCommentVNode as b, renderSlot as I } from "vue";
+import { useStorage as U } from "../../../composables/useStorage.js";
+const V = ["innerHTML"], x = /* @__PURE__ */ g({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -10,52 +10,55 @@ const U = ["innerHTML"], q = /* @__PURE__ */ g({
   },
   setup(o) {
     const t = o;
-    y((e) => ({
-      "1b547318": o.size,
-      57841750: o.color
+    $((e) => ({
+      "5527e696": o.size,
+      "4ef5fb6e": o.color
     }));
-    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, f = "https://fusion.ironsrc.net/assets", p = $(), d = r(() => {
+    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = "https://fusion.ironsrc.net/assets", d = C(), m = r(() => {
       if (!t.name)
         return "";
       const e = t.name.split("/");
       return [t.name ? `icon-name--${e.at(-1)}` : ""];
     }), c = r(() => {
-      if (p.default)
+      if (d.default)
         return "";
       if (!t.name)
         return console.error("Please provided icon name"), "";
-      const e = t.type === "regular" || t.type === "bold" ? "ph/" : "v4/", n = t.type === "bold" ? `-${t.type}` : "";
-      return `${f}/icons/${e}${t.type}/${t.name}${n}.svg`;
-    }), a = b(`icon-${t.type}--${t.name}`);
-    function m(e) {
+      const e = t.type === "regular" || t.type === "bold" || t.type === "fill" ? "ph/" : "v4/", n = t.type === "bold" || t.type === "fill" ? `-${t.type}` : "";
+      return `${p}/icons/${e}${t.type}/${t.name}${n}.svg`;
+    }), a = U(`icon-${t.type}--${t.name}`);
+    function h(e) {
       return s[e] || (s[e] = fetch(e).then((n) => n.text()).finally(() => {
         delete s[e];
       }).catch((n) => {
         console.error(n);
       })), s[e];
     }
-    function h(e) {
+    function v(e) {
       return e.replace(
         /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,
         ""
       );
     }
-    !a.value && c.value && m(c.value).then((e) => {
-      typeof e == "string" && e.startsWith("<svg") && (a.value = e);
-    });
-    const v = r(() => h(a.value ?? ""));
-    return (e, n) => (l(), i("span", {
-      class: C(["icon", u(d)])
+    function l() {
+      h(c.value).then((e) => {
+        typeof e == "string" && e.startsWith("<svg") && (a.value = e);
+      });
+    }
+    !a.value && c.value && l();
+    const y = r(() => v(a.value ?? ""));
+    return w(() => t.name, l), (e, n) => (i(), u("span", {
+      class: S(["icon", f(m)])
     }, [
-      e.$slots.default ? S("", !0) : (l(), i("span", {
+      e.$slots.default ? b("", !0) : (i(), u("span", {
         key: 0,
         class: "icon-wrapper",
-        innerHTML: u(v)
-      }, null, 8, U)),
-      w(e.$slots, "default", {}, void 0, !0)
+        innerHTML: f(y)
+      }, null, 8, V)),
+      I(e.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });
 export {
-  q as default
+  x as default
 };

package/components/icon/v4/index.d.ts

@@ -4,7 +4,7 @@ declare const IconTypes: () => ({
         $data: {};
         $props: Partial<{
             name: string;
-            type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             size: string;
             color: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -13,7 +13,7 @@ declare const IconTypes: () => ({
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
             size: {
@@ -44,7 +44,7 @@ declare const IconTypes: () => ({
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: string;
             };
             size: {
@@ -57,7 +57,7 @@ declare const IconTypes: () => ({
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
-            type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             size: string;
             color: string;
         }, {}, string> & {
@@ -86,7 +86,7 @@ declare const IconTypes: () => ({
             default: any;
         };
         type: {
-            type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: string;
         };
         size: {
@@ -107,7 +107,7 @@ declare const IconTypes: () => ({
         default: any;
     };
     type: {
-        type: import("vue").PropType<"bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+        type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
         default: string;
     };
     size: {
@@ -120,7 +120,7 @@ declare const IconTypes: () => ({
     };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
-    type: "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    type: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     size: string;
     color: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/components/includeExclude/IncludeExclude.vue.d.ts

@@ -84,12 +84,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     placement: Placement;
     disabled: boolean;
+    distance: number;
     autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;

package/components/includeExclude/IncludeExclude.vue.js

@@ -1,7 +1,7 @@
 import e from "./IncludeExclude.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; //*');
-const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-802d4031"]]);
+// import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_2c9debd6_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2c9debd6"]]);
 export {
   s as default
 };

package/components/includeExclude/IncludeExclude.vue2.js

@@ -1,4 +1,4 @@
- import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_802d4031_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
+ import "../../IncludeExclude.vue_vue_type_style_index_0_scoped_2c9debd6_lang.css"; import { defineComponent as Te, computed as v, ref as u, watch as j, provide as Oe, openBlock as d, createBlock as I, unref as t, withCtx as g, createElementVNode as a, renderSlot as C, createTextVNode as w, toDisplayString as J, createCommentVNode as h, createVNode as f, Transition as $e, createElementBlock as o, normalizeClass as Q, mergeProps as O, Fragment as $, renderList as R, toRaw as T, nextTick as Re } from "vue";
 import "../popover/Popover.vue2.js";
 import N from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
@@ -8,7 +8,7 @@ import "../typography/Heading.vue.js";
 import X from "../typography/Text.vue.js";
 import Ee from "../checkbox/Checkbox.vue.js";
 import b from "../skeleton/Skeleton.vue.js";
-import Be from "../emptyState/EmptyState.vue.js";
+import Be from "../emptyState/v3/EmptyState.vue.js";
 import { useToggle as Ve } from "../../composables/useToggle.js";
 import { IncludeExcludeContext as Pe } from "./IncludeExcludeContext.js";
 import { onClickOutside as Le, useClamp as Ne, useVirtualList as Z } from "@vueuse/core";

package/components/includeExclude/IncludeExcludeAppTrigger.vue.js

@@ -1,7 +1,7 @@
 import e from "./IncludeExcludeAppTrigger.vue2.js";
 /* empty css                               */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_1621ad67_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-1621ad67"]]);
+// import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; //*');
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-f738b223"]]);
 export {
-  d as default
+  r as default
 };

package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js

@@ -1,13 +1,13 @@
- import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_1621ad67_lang.css"; import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as T, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as _ } from "vue";
+ import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as T, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as _ } from "vue";
 import "../button/v3/Button.vue.js";
 import V from "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
 import "../typography/Heading.vue.js";
 import w from "../typography/Text.vue.js";
 import v from "../icon/v3/Icon.vue.js";
-import "../tooltip/Tooltip.vue2.js";
+import "../tooltip/v3/Tooltip.vue.js";
 import E from "../appIcon/AppIcon.vue.js";
-import B from "../tooltip/Tooltip.vue.js";
+import B from "../tooltip/v3/Tooltip.vue2.js";
 const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A({
   __name: "IncludeExcludeAppTrigger",
   props: {

package/components/includeExclude/IncludeExcludeDragDrop.vue.d.ts

@@ -91,12 +91,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
     placement: Placement;
     disabled: boolean;
+    distance: number;
     autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;

package/components/includeExclude/IncludeExcludeDragDrop.vue.js

@@ -1,7 +1,7 @@
 import o from "./IncludeExcludeDragDrop.vue2.js";
-/* empty css                             */import c from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_daccb4bb_lang.css"; //*');
-const p = /* @__PURE__ */ c(o, [["__scopeId", "data-v-daccb4bb"]]);
+/* empty css                             */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ff32d111"]]);
 export {
   p as default
 };

package/components/includeExclude/IncludeExcludeDragDrop.vue2.js

@@ -1,4 +1,4 @@
- import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_daccb4bb_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as $e, nextTick as Ee } from "vue";
+ import "../../IncludeExcludeDragDrop.vue_vue_type_style_index_0_scoped_ff32d111_lang.css"; import { defineComponent as Re, computed as p, ref as c, watch as H, provide as Ae, openBlock as i, createBlock as O, unref as l, withCtx as h, createElementVNode as s, renderSlot as v, normalizeClass as N, createTextVNode as C, toDisplayString as le, createCommentVNode as f, createVNode as g, Transition as Pe, createElementBlock as u, mergeProps as w, Fragment as U, renderList as W, toRaw as S, isRef as $e, nextTick as Ee } from "vue";
 import "../popover/Popover.vue2.js";
 import G from "../button/v3/Button.vue.js";
 import "../button/v3/IconButton.vue.js";
@@ -8,7 +8,7 @@ import "../typography/Heading.vue.js";
 import te from "../typography/Text.vue.js";
 import ze from "../checkbox/Checkbox.vue.js";
 import b from "../skeleton/Skeleton.vue.js";
-import He from "../emptyState/EmptyState.vue.js";
+import He from "../emptyState/v3/EmptyState.vue.js";
 import { useToggle as Ne } from "../../composables/useToggle.js";
 import { IncludeExcludeContext as Ue } from "./IncludeExcludeContext.js";
 import { onClickOutside as We, useClamp as Ge, useVirtualList as ne } from "@vueuse/core";

package/components/includeExclude/IncludeExcludeOption.vue.js

@@ -1,7 +1,7 @@
-import o from "./IncludeExcludeOption.vue2.js";
-/* empty css                           */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_18847008_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-18847008"]]);
+import e from "./IncludeExcludeOption.vue2.js";
+/* empty css                           */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-4a87e4fd"]]);
 export {
-  p as default
+  d as default
 };

package/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -1,13 +1,13 @@
- import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_18847008_lang.css"; import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
+ import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_4a87e4fd_lang.css"; import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
 import "../typography/Heading.vue.js";
 import C from "../typography/Text.vue.js";
 import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
 import { useId as S } from "../../composables/useId.js";
 import V from "../checkbox/Checkbox.vue.js";
-import "../tooltip/Tooltip.vue2.js";
+import "../tooltip/v3/Tooltip.vue.js";
 import D from "../icon/v3/Icon.vue.js";
 import { NOOP as M } from "@vue/shared";
-import $ from "../tooltip/Tooltip.vue.js";
+import $ from "../tooltip/v3/Tooltip.vue2.js";
 const P = {
   key: 1,
   class: "image"

package/components/includeExclude/IncludeExcludeOptionDraggable.vue.js

@@ -1,7 +1,7 @@
 import e from "./IncludeExcludeOptionDraggable.vue2.js";
 /* empty css                                    */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_df79f184_lang.css"; //*');
-const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-df79f184"]]);
+// import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; //*');
+const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a91fcaa5"]]);
 export {
-  d as default
+  t as default
 };

package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

@@ -1,11 +1,11 @@
- import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_df79f184_lang.css"; import { defineComponent as w, ref as z, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as c, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as B, withModifiers as E } from "vue";
+ import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; import { defineComponent as w, ref as z, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as c, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as B, withModifiers as E } from "vue";
 import "../typography/Heading.vue.js";
 import $ from "../typography/Text.vue.js";
 import { useIncludeExcludeContext as T } from "./IncludeExcludeContext.js";
 import { useId as N } from "../../composables/useId.js";
-import "../tooltip/Tooltip.vue2.js";
+import "../tooltip/v3/Tooltip.vue.js";
 import O from "../icon/v3/Icon.vue.js";
-import h from "../tooltip/Tooltip.vue.js";
+import h from "../tooltip/v3/Tooltip.vue2.js";
 const S = ["id"], V = {
   key: 0,
   class: "image"

package/components/includeExclude/index.d.ts

@@ -14,12 +14,12 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             placement: import("floating-vue").Placement;
             disabled: boolean;
+            distance: number;
             autoFocus: boolean;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -47,6 +47,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
@@ -71,10 +75,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -108,7 +108,7 @@ declare const IncludeExcludeTypes: () => (({
             };
         }>> & {
             "onUpdate:modelValue"?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "placement" | "disabled" | "autoFocus" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "distance" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "loading" | "placement" | "disabled" | "distance" | "autoFocus" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -143,6 +143,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
@@ -167,10 +171,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -211,12 +211,12 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             placement: import("floating-vue").Placement;
             disabled: boolean;
+            distance: number;
             autoFocus: boolean;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -264,6 +264,10 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -288,10 +292,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
         };
@@ -350,6 +350,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -374,10 +378,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     clearable: {
         type: import("vue").PropType<boolean>;
     };
@@ -418,12 +418,12 @@ declare const IncludeExcludeTypes: () => (({
     loading: boolean;
     placement: import("floating-vue").Placement;
     disabled: boolean;
+    distance: number;
     autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;
@@ -457,12 +457,12 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             placement: import("floating-vue").Placement;
             disabled: boolean;
+            distance: number;
             autoFocus: boolean;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -488,6 +488,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
@@ -512,10 +516,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -559,7 +559,7 @@ declare const IncludeExcludeTypes: () => (({
             "onUpdate:modelValue"?: (value: unknown) => any;
             onChangeDragDrop?: (value: unknown) => any;
             onClickOutside?: (value: unknown) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "placement" | "disabled" | "autoFocus" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "distance" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "placement" | "disabled" | "distance" | "autoFocus" | "hasSubtitle" | "searchPlaceholder" | "isOnTop" | "defaultOpen" | "onSearch" | "titleText" | "alwayesOpen" | "showClearAll" | "distanceOffset" | "skiddingOffset" | "isDraggable" | "draggableArgs">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -590,6 +590,10 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 required: true;
@@ -614,10 +618,6 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             clearable: {
                 type: import("vue").PropType<boolean>;
             };
@@ -669,12 +669,12 @@ declare const IncludeExcludeTypes: () => (({
             loading: boolean;
             placement: import("floating-vue").Placement;
             disabled: boolean;
+            distance: number;
             autoFocus: boolean;
             hasSubtitle: boolean;
             searchPlaceholder: string;
             isOnTop: boolean;
             defaultOpen: boolean;
-            distance: number;
             onSearch: (option: any, term: string) => boolean;
             titleText: string;
             alwayesOpen: boolean;
@@ -720,6 +720,10 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             required: true;
@@ -744,10 +748,6 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         clearable: {
             type: import("vue").PropType<boolean>;
         };
@@ -812,6 +812,10 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     modelValue: {
         type: import("vue").PropType<unknown>;
         required: true;
@@ -836,10 +840,6 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     clearable: {
         type: import("vue").PropType<boolean>;
     };
@@ -891,12 +891,12 @@ declare const IncludeExcludeTypes: () => (({
     loading: boolean;
     placement: import("floating-vue").Placement;
     disabled: boolean;
+    distance: number;
     autoFocus: boolean;
     hasSubtitle: boolean;
     searchPlaceholder: string;
     isOnTop: boolean;
     defaultOpen: boolean;
-    distance: number;
     onSearch: (option: any, term: string) => boolean;
     titleText: string;
     alwayesOpen: boolean;