@ironsource/shared-ui 2.1.12-test.99 → 2.2.0-rc.0

package/src/components/autocomplete/Autocomplete.vue.js

@@ -1,7 +0,0 @@
-import o from "./Autocomplete.vue2.js";
-/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../Autocomplete.vue_vue_type_style_index_0_scoped_e361f9fd_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e361f9fd"]]);
-export {
-  s as default
-};

package/src/components/autocomplete/Autocomplete.vue2.js

@@ -1,135 +0,0 @@
-import { defineComponent as F, computed as i, ref as m, watchEffect as C, openBlock as s, createElementBlock as h, Fragment as P, createVNode as c, unref as p, withCtx as v, mergeProps as I, isRef as S, renderSlot as B, normalizeProps as E, guardReactiveProps as z, createBlock as g, createCommentVNode as f } from "vue";
-import H from "../dropdown/v4/DropdownV4.vue.js";
-import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
-import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ChipDropdownTrigger.vue.js";
-import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonDropdownTrigger.vue.js";
-import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
-import "../dropdown/v4/TreeDropdown.vue.js";
-import "../dropdown/v4/OptionV4.vue.js";
-import "../dropdown/v4/ConditionalDropdown.vue.js";
-import O from "../input/v4/TextField.vue.js";
-import { useVModel as N } from "@vueuse/core";
-import D from "../shared/FieldHelpText.vue.js";
-import M from "../shared/FieldMaxLength.vue.js";
-const U = {
-  key: 0,
-  class: "footer"
-}, le = /* @__PURE__ */ F({
-  __name: "Autocomplete",
-  props: {
-    modelValue: { default: "" },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    size: { default: "small" },
-    label: { default: "" },
-    labelDirection: { default: "top" },
-    mandatory: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    feedbackVariant: { default: null },
-    feedbackText: { default: "" },
-    showFeedbackTextIcon: { type: Boolean, default: !1 },
-    inlineError: { type: Boolean, default: !1 },
-    inlineErrorText: { default: "" },
-    maxLength: { default: null },
-    maxLengthCounterPosition: { default: "inside" },
-    options: {},
-    displayValue: {},
-    optionNameKey: { default: "" },
-    optionsListWidth: { default: null },
-    onSearch: { type: Function, default: null },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(b, { emit: k }) {
-    const t = b, n = N(t, "modelValue", k), y = (e) => {
-      e !== void 0 && (n.value = t.displayValue(e));
-    }, x = i(() => (n.value || "").length), d = i(
-      () => t.maxLength && t.maxLengthCounterPosition === "outside"
-    ), L = i(() => d.value ? {
-      // when counter is shown outside, use native html maxlength attribute (instead of component prop)
-      // and render counter separately to avoid space between input and dropdown
-      maxlength: t.maxLength
-    } : {
-      maxLength: t.maxLength,
-      maxLengthCounterPosition: t.maxLengthCounterPosition
-    }), V = i(
-      () => t.feedbackText || d.value
-    ), w = (e, l) => t.displayValue(e).toLowerCase().replace(/\s+/g, "").includes(l.toLowerCase().replace(/\s+/g, "")), r = i(() => {
-      const e = n.value.toString();
-      return (t.options || []).filter(
-        (l) => t.onSearch !== null ? t.onSearch(l, e) : w(l, e)
-      );
-    }), o = m(!1), u = m(!1);
-    C(() => {
-      t.disabled ? o.value = !1 : u.value && r.value.length ? o.value = !0 : r.value.length === 0 && (o.value = !1);
-    });
-    const T = () => {
-      t.disabled || !o.value && r.value.length && (o.value = !0);
-    };
-    return (e, l) => (s(), h(P, null, [
-      c(p(H), {
-        "is-open": o.value,
-        "onUpdate:isOpen": l[3] || (l[3] = (a) => o.value = a),
-        class: "autocomplete-dropdown",
-        "display-value": e.displayValue,
-        options: r.value,
-        "option-name-key": e.optionNameKey,
-        "options-list-width": e.optionsListWidth,
-        disabled: e.disabled,
-        "search-auto-focus": !1,
-        "full-width": !1,
-        "test-id": e.testId,
-        "onUpdate:selected": y
-      }, {
-        "dropdown-trigger": v(() => [
-          c(p(O), I({
-            modelValue: p(n),
-            "onUpdate:modelValue": l[0] || (l[0] = (a) => S(n) ? n.value = a : null),
-            class: "autocomplete-field",
-            placeholder: e.placeholder,
-            disabled: e.disabled,
-            size: e.size,
-            label: e.label,
-            "label-direction": e.labelDirection,
-            mandatory: e.mandatory,
-            "hover-help-text": e.hoverHelpText,
-            "hover-help-text-placemen": e.hoverHelpTextPlacement,
-            "test-id": e.testId,
-            "feedback-variant": e.feedbackVariant,
-            "show-feedback-text-icon": e.showFeedbackTextIcon,
-            "inline-error": e.inlineError,
-            "inline-error-text": e.inlineErrorText
-          }, L.value, {
-            onFocusin: l[1] || (l[1] = (a) => u.value = !0),
-            onFocusout: l[2] || (l[2] = (a) => u.value = !1),
-            onClick: T
-          }), null, 16, ["modelValue", "placeholder", "disabled", "size", "label", "label-direction", "mandatory", "hover-help-text", "hover-help-text-placemen", "test-id", "feedback-variant", "show-feedback-text-icon", "inline-error", "inline-error-text"])
-        ]),
-        default: v((a) => [
-          B(e.$slots, "default", E(z(a)), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["is-open", "display-value", "options", "option-name-key", "options-list-width", "disabled", "test-id"]),
-      V.value ? (s(), h("div", U, [
-        e.feedbackText ? (s(), g(D, {
-          key: 0,
-          text: e.feedbackText,
-          variant: e.feedbackVariant,
-          "show-icon": e.showFeedbackTextIcon,
-          "test-id": e.testId
-        }, null, 8, ["text", "variant", "show-icon", "test-id"])) : f("", !0),
-        d.value ? (s(), g(M, {
-          key: 1,
-          "current-length": x.value,
-          "max-length": e.maxLength
-        }, null, 8, ["current-length", "max-length"])) : f("", !0)
-      ])) : f("", !0)
-    ], 64));
-  }
-});
-export {
-  le as default
-};

package/src/components/autocompleteDropdown/AutocompleteDropdown.vue.js

@@ -1,7 +0,0 @@
-import o from "./AutocompleteDropdown.vue2.js";
-/* empty css                           */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AutocompleteDropdown.vue_vue_type_style_index_0_scoped_214ddaf4_lang.css"; //*');
-const d = /* @__PURE__ */ e(o, [["__scopeId", "data-v-214ddaf4"]]);
-export {
-  d as default
-};

package/src/components/autocompleteDropdown/AutocompleteDropdown.vue2.js

@@ -1,120 +0,0 @@
-import { defineComponent as L, ref as u, computed as c, watch as N, nextTick as w, openBlock as O, createBlock as g, unref as f, mergeProps as P, withModifiers as b, withCtx as i, createVNode as B, renderSlot as k, createTextVNode as C, toDisplayString as E } from "vue";
-import K from "../dropdown/v3/Dropdown.vue.js";
-import "../dropdown/v3/Option.vue.js";
-import "../dropdown/v3/Label.vue.js";
-import "../dropdown/v3/SearchInput.vue.js";
-import U from "./GroupOption.vue.js";
-import $ from "./AutocompleteInput.vue.js";
-import { DEFAULT_PLACEHOLDER as H, GROUP_OPTION_FLAG as T } from "./consts.js";
-import { useKeyboardNavigation as _ } from "./useKeyboardNavigation.js";
-const Z = /* @__PURE__ */ L({
-  __name: "AutocompleteDropdown",
-  props: {
-    options: { default: () => [] },
-    selected: { default: () => [] },
-    placeholder: { default: H },
-    displayValue: { type: Function, default: (d) => d.toString() },
-    handleSearch: { type: Function, default: () => !0 },
-    grouped: { type: Boolean, default: !1 },
-    testId: { default: "" }
-  },
-  emits: ["update:selected"],
-  setup(d, { emit: I }) {
-    const l = d, F = I, m = u(null), r = u(null), s = c({
-      get() {
-        return l.selected;
-      },
-      set(e) {
-        F("update:selected", e);
-      }
-    });
-    function R(e) {
-      s.value.push(e), m.value.focusInput();
-    }
-    function D(e) {
-      s.value.splice(s.value.indexOf(e), 1);
-    }
-    async function v() {
-      await w(), setTimeout(() => {
-        r?.value?.scrollTo(0);
-      });
-    }
-    const y = u(""), n = (e) => e && !!e[T], S = c(() => l.grouped ? l.options.reduce((e, o) => {
-      const { options: t = [], ...a } = o, G = {
-        ...a,
-        [T]: !0
-      };
-      return [...e, G, ...t];
-    }, []) : l.options), h = c(() => {
-      const e = S.value.filter((o) => !s.value.includes(o)).filter((o) => n(o) ? !0 : l.handleSearch(o, y.value));
-      return l.grouped ? e.filter((o, t) => {
-        const a = e[t + 1];
-        return n(o) ? a && !n(a) : !0;
-      }) : e;
-    }), { isFocused: V, keyDownHandler: A } = _({
-      options: h,
-      canFocus: (e) => !n(e),
-      scrollTo: (e) => r?.value?.scrollTo(e),
-      selectItem: (e) => {
-        r?.value?.selectItem(e), v();
-      }
-    }), p = u(0);
-    return N(l.selected, async () => {
-      p.value += 1, await w(), p.value = 0;
-    }), (e, o) => (O(), g(f(K), P({
-      ref_key: "dropdownRef",
-      ref: r,
-      class: "autocomplete-dropdown"
-    }, e.$attrs, {
-      selected: s.value,
-      options: h.value,
-      "on-search": () => !0,
-      "display-value": e.displayValue,
-      "keep-open": "",
-      "is-on-top": !1,
-      multi: !1,
-      "show-select-all": !1,
-      "auto-size": "",
-      distance: p.value,
-      "disable-keyboard-events": "",
-      "test-id": e.testId,
-      onOpened: v,
-      onKeydown: b(f(A), ["stop"]),
-      "onUpdate:selected": R
-    }), {
-      input: i(() => [
-        B($, {
-          ref_key: "inputRef",
-          ref: m,
-          value: s.value,
-          placeholder: e.placeholder,
-          "display-value": e.displayValue,
-          "test-id": e.testId,
-          onRemove: D,
-          onSearch: o[0] || (o[0] = (t) => y.value = t)
-        }, {
-          option: i(({ option: t }) => [
-            k(e.$slots, "input-option", { option: t }, void 0, !0)
-          ]),
-          _: 3
-        }, 8, ["value", "placeholder", "display-value", "test-id"])
-      ]),
-      default: i(({ option: t }) => [
-        e.grouped && n(t) ? (O(), g(U, { key: 0 }, {
-          default: i(() => [
-            C(E(e.displayValue(t)), 1)
-          ]),
-          _: 2
-        }, 1024)) : k(e.$slots, "default", {
-          key: 1,
-          option: t,
-          active: f(V)(t)
-        }, void 0, !0)
-      ]),
-      _: 3
-    }, 16, ["selected", "options", "display-value", "distance", "test-id", "onKeydown"]));
-  }
-});
-export {
-  Z as default
-};

package/src/components/autocompleteDropdown/AutocompleteInput.vue.js

@@ -1,7 +0,0 @@
-import o from "./AutocompleteInput.vue2.js";
-/* empty css                        */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../AutocompleteInput.vue_vue_type_style_index_0_scoped_2b63231b_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2b63231b"]]);
-export {
-  s as default
-};

package/src/components/autocompleteDropdown/AutocompleteInput.vue2.js

@@ -1,79 +0,0 @@
-import { defineComponent as $, ref as k, computed as L, watch as A, openBlock as s, createElementBlock as u, normalizeClass as D, unref as o, withModifiers as f, Fragment as O, renderList as S, renderSlot as T, createVNode as _, withCtx as V, createTextVNode as w, toDisplayString as F, createElementVNode as N } from "vue";
-import P from "../icon/v3/Icon.vue.js";
-import R from "../typography/Text.vue.js";
-import { useDropdownContext as z } from "../dropdown/common/DropdownContext.js";
-import { DEFAULT_PLACEHOLDER as b } from "./consts.js";
-import { AutocompleteInputTestIdModifiers as i } from "../../testids/index.js";
-const q = ["data-testid"], B = ["data-testid"], H = ["value", "placeholder", "data-testid"], K = /* @__PURE__ */ $({
-  __name: "AutocompleteInput",
-  props: {
-    value: { default: () => [] },
-    displayValue: { type: Function, default: (n) => n.toString() },
-    placeholder: { default: b },
-    testId: { default: "" }
-  },
-  emits: ["remove", "search"],
-  setup(n, { expose: h, emit: v }) {
-    const t = z("autocompleteInput"), r = k(null), E = n, c = v, p = L(() => t.open.value), I = (e) => E.displayValue(e);
-    function C() {
-      t.toggle(!0), a();
-    }
-    const g = (e) => {
-      const { value: d } = e.target;
-      t.toggle(!0), t.search(d);
-    };
-    function y(e) {
-      c("remove", e), p.value && a();
-    }
-    A(t.query, (e) => {
-      c("search", e);
-    });
-    function a() {
-      r.value?.focus();
-    }
-    return h({
-      focusInput: a
-    }), (e, d) => (s(), u("div", {
-      class: D(["autocomplete-input", { "autocomplete-input--focused": p.value }]),
-      "data-testid": `${e.testId}-${o(i).WRAPPER}`,
-      onClick: f(C, ["stop"])
-    }, [
-      (s(!0), u(O, null, S(e.value, (l, m) => (s(), u("div", {
-        key: m,
-        "data-testid": `${e.testId}-${o(i).SELECTED_OPTION}-${m}`,
-        class: "autocomplete-input__option"
-      }, [
-        T(e.$slots, "option", { option: l }, () => [
-          _(R, {
-            size: "sm",
-            "is-truncated": ""
-          }, {
-            default: V(() => [
-              w(F(I(l)), 1)
-            ]),
-            _: 2
-          }, 1024)
-        ], !0),
-        _(o(P), {
-          class: "autocomplete-input__close-icon",
-          name: "close-bold",
-          "font-size": "sm",
-          onClick: f((M) => y(l), ["stop"])
-        }, null, 8, ["onClick"])
-      ], 8, B))), 128)),
-      N("input", {
-        ref_key: "inputEl",
-        ref: r,
-        class: "autocomplete-input__search-field",
-        type: "text",
-        value: o(t).query.value,
-        placeholder: e.placeholder,
-        "data-testid": `${e.testId}-${o(i).SEARCH_FIELD}`,
-        onInput: g
-      }, null, 40, H)
-    ], 10, q));
-  }
-});
-export {
-  K as default
-};

package/src/components/autocompleteDropdown/GroupOption.vue.js

@@ -1,7 +0,0 @@
-import o from "./GroupOption.vue2.js";
-/* empty css                  */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../GroupOption.vue_vue_type_style_index_0_scoped_8aae9eb9_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-8aae9eb9"]]);
-export {
-  s as default
-};

package/src/components/autocompleteDropdown/GroupOption.vue2.js

@@ -1,35 +0,0 @@
-import { defineComponent as u, ref as m, onMounted as f, onUnmounted as l, openBlock as d, createElementBlock as a, withModifiers as c, unref as o, createVNode as _, withCtx as O, renderSlot as g } from "vue";
-import { NOOP as n } from "@vue/shared";
-import "../typography/Heading.vue.js";
-import k from "../typography/Text.vue.js";
-import { useDropdownContext as x } from "../dropdown/common/DropdownContext.js";
-import { useId as C } from "../../composables/useId.js";
-const y = /* @__PURE__ */ u({
-  __name: "GroupOption",
-  setup(v) {
-    const e = x("GroupOption"), t = C().value, i = m(null);
-    return f(() => e.registerOption(t, !0, !1)), l(() => e.unRegisterOption(t)), (p, r) => (d(), a("div", {
-      ref_key: "el",
-      ref: i,
-      class: "group-option",
-      onClick: r[0] || (r[0] = c(
-        //@ts-ignore
-        (...s) => o(n) && o(n)(...s),
-        ["stop"]
-      ))
-    }, [
-      _(o(k), {
-        size: "md",
-        strong: ""
-      }, {
-        default: O(() => [
-          g(p.$slots, "default", {}, void 0, !0)
-        ]),
-        _: 3
-      })
-    ], 512));
-  }
-});
-export {
-  y as default
-};

package/src/components/banner/Banner.vue.js

@@ -1,7 +0,0 @@
-import o from "./Banner.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../Banner.vue_vue_type_style_index_0_scoped_08730768_lang.css"; //*');
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-08730768"]]);
-export {
-  p as default
-};

package/src/components/banner/Banner.vue2.js

@@ -1,58 +0,0 @@
-import { defineComponent as m, computed as p, openBlock as a, createElementBlock as v, normalizeClass as i, createElementVNode as t, unref as n, createBlock as l, withCtx as y, renderSlot as r } from "vue";
-import c from "../icon/v3/Icon.vue.js";
-import { BannerTestIdModifiers as u } from "../../testids/index.js";
-const $ = ["data-testid"], S = { class: "icon-container" }, k = ["data-testid"], I = /* @__PURE__ */ m({
-  __name: "Banner",
-  props: {
-    type: {
-      type: String,
-      default: "info"
-    },
-    iconSize: {
-      type: String,
-      default: "md"
-    },
-    testId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(e) {
-    const f = e, s = p(() => `${f.type}`);
-    return (o, d) => (a(), v("div", {
-      class: i(["banner", `banner-type-${e.type}`])
-    }, [
-      d[0] || (d[0] = t("div", { class: "left-border" }, null, -1)),
-      t("div", {
-        class: "content-wrapper",
-        "data-testid": `${e.testId}-${n(u).WRAPPER}`
-      }, [
-        t("div", S, [
-          o.$slots.icon ? (a(), l(n(c), {
-            key: 0,
-            class: i(s.value)
-          }, {
-            default: y(() => [
-              r(o.$slots, "icon", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["class"])) : (a(), l(n(c), {
-            key: 1,
-            name: s.value,
-            class: i(s.value),
-            "font-size": e.iconSize
-          }, null, 8, ["name", "class", "font-size"]))
-        ]),
-        t("div", {
-          class: "content",
-          "data-testid": `${e.testId}-${n(u).CONTENT}`
-        }, [
-          r(o.$slots, "default", {}, void 0, !0)
-        ], 8, k)
-      ], 8, $)
-    ], 2));
-  }
-});
-export {
-  I as default
-};

package/src/components/button/v3/Button.vue.js

@@ -1,7 +0,0 @@
-import o from "./Button.vue2.js";
-/* empty css             */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35545b8c"]]);
-export {
-  c as default
-};

package/src/components/button/v3/Button.vue2.js

@@ -1,59 +0,0 @@
-import { defineComponent as f, computed as u, openBlock as t, createBlock as o, mergeProps as c, createSlots as p, withCtx as l, createElementVNode as I, normalizeClass as z, unref as s, createCommentVNode as r, renderSlot as i } from "vue";
-import m from "../../icon/v3/Icon.vue.js";
-import N from "./ButtonBase.vue.js";
-import { iconSizeMap as h } from "../common/consts.js";
-const C = /* @__PURE__ */ f({
-  __name: "Button",
-  props: {
-    leftIconName: { default: null },
-    rightIconName: { default: null },
-    size: { default: "md" },
-    testId: { default: "" }
-  },
-  setup(d) {
-    const a = d, n = u(() => `${h[a.size]}px`);
-    return (e, g) => (t(), o(N, c({
-      class: [
-        e.size,
-        {
-          "with-left-icon": !!e.leftIconName,
-          "with-right-icon": !!e.rightIconName
-        }
-      ],
-      size: e.size,
-      "data-testid": a.testId
-    }, e.$attrs), p({
-      default: l(() => [
-        I("div", {
-          class: z({
-            flex: e.leftIconName || e.rightIconName
-          })
-        }, [
-          e.leftIconName ? (t(), o(s(m), {
-            key: 0,
-            name: e.leftIconName,
-            "font-size": n.value
-          }, null, 8, ["name", "font-size"])) : r("", !0),
-          i(e.$slots, "default", {}, void 0, !0),
-          e.rightIconName ? (t(), o(s(m), {
-            key: 1,
-            name: e.rightIconName,
-            "font-size": n.value
-          }, null, 8, ["name", "font-size"])) : r("", !0)
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      e.$slots.loader ? {
-        name: "loader",
-        fn: l(() => [
-          i(e.$slots, "loader", {}, void 0, !0)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["class", "size", "data-testid"]));
-  }
-});
-export {
-  C as default
-};

package/src/components/button/v3/ButtonBase.vue.js

@@ -1,7 +0,0 @@
-import o from "./ButtonBase.vue2.js";
-/* empty css                 */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9021cac4"]]);
-export {
-  c as default
-};

package/src/components/button/v3/ButtonBase.vue2.js

@@ -1,54 +0,0 @@
-import { defineComponent as f, computed as r, openBlock as a, createElementBlock as s, mergeProps as c, renderSlot as o, createVNode as t, unref as l, withCtx as i, createCommentVNode as d } from "vue";
-import "../../typography/Heading.vue.js";
-import g from "../../typography/Text.vue.js";
-import z from "../../icon/v3/Icon.vue.js";
-import { sizeToFont as h } from "../common/consts.js";
-import B from "./LoaderDotsIcon.vue.js";
-const y = { key: 0 }, v = 32, k = 24, b = /* @__PURE__ */ f({
-  __name: "ButtonBase",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: !1 },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: !0 }
-  },
-  setup(u) {
-    const n = u, m = r(
-      () => n.size === "lg" ? v + "px" : k + "px"
-    ), p = r(() => h[n.size]);
-    return (e, I) => (a(), s("button", c({
-      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
-    }, e.$attrs), [
-      e.loading ? d("", !0) : (a(), s("span", y, [
-        o(e.$slots, "content", {}, () => [
-          t(l(g), {
-            size: p.value,
-            strong: e.strong,
-            class: "content"
-          }, {
-            default: i(() => [
-              o(e.$slots, "default", {}, void 0, !0)
-            ]),
-            _: 3
-          }, 8, ["size", "strong"])
-        ], !0)
-      ])),
-      e.loading ? o(e.$slots, "loader", { key: 1 }, () => [
-        t(l(z), {
-          "font-size": m.value,
-          class: "loading"
-        }, {
-          default: i(() => [
-            t(B)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ], !0) : d("", !0)
-    ], 16));
-  }
-});
-export {
-  b as default
-};

package/src/components/button/v3/IconButton.vue.js

@@ -1,7 +0,0 @@
-import o from "./IconButton.vue2.js";
-/* empty css                 */import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-console.log('scoped// import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; //*');
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6dffd3f6"]]);
-export {
-  s as default
-};

package/src/components/button/v3/IconButton.vue2.js

@@ -1,45 +0,0 @@
-import { defineComponent as s, computed as i, openBlock as l, createBlock as d, mergeProps as c, withCtx as o, createElementVNode as m, normalizeClass as p, renderSlot as u, createVNode as t, unref as f } from "vue";
-import z from "../../icon/v3/Icon.vue.js";
-import v from "./ButtonBase.vue.js";
-import { loaderSizeMap as B } from "../common/consts.js";
-import C from "./LoaderCircleIcon.vue.js";
-const V = /* @__PURE__ */ s({
-  __name: "IconButton",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" }
-  },
-  setup(r) {
-    const a = r, n = i(() => B[a.size] + "px");
-    return (e, I) => (l(), d(v, c({
-      size: e.size,
-      "is-truncated": !1
-    }, e.$attrs, {
-      variant: e.variant,
-      class: "icon-base"
-    }), {
-      content: o(() => [
-        m("div", {
-          class: p(["icon", { [e.size]: !0, [e.variant]: !0 }])
-        }, [
-          u(e.$slots, "default", {}, void 0, !0)
-        ], 2)
-      ]),
-      loader: o(() => [
-        t(f(z), {
-          "font-size": n.value,
-          class: "loading"
-        }, {
-          default: o(() => [
-            t(C)
-          ]),
-          _: 1
-        }, 8, ["font-size"])
-      ]),
-      _: 3
-    }, 16, ["size", "variant"]));
-  }
-});
-export {
-  V as default
-};