@ironsource/shared-ui 2.1.12-test.98 → 2.1.12-test.99

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

@@ -0,0 +1,120 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,54 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,45 @@
+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
+};

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

@@ -0,0 +1,33 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, s = {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100"
+};
+function a(c, e) {
+  return t(), o("svg", s, e[0] || (e[0] = [
+    r("circle", {
+      cx: "50",
+      cy: "50",
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "6",
+      r: "35",
+      "stroke-dasharray": "164.93361431346415 56.97787143782138"
+    }, [
+      r("animateTransform", {
+        attributeName: "transform",
+        type: "rotate",
+        repeatCount: "indefinite",
+        dur: "1s",
+        values: "0 50 50;360 50 50",
+        keyTimes: "0;1"
+      })
+    ], -1)
+  ]));
+}
+const f = /* @__PURE__ */ n(i, [["render", a]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,16 @@
+import { openBlock as t, createElementBlock as i, createStaticVNode as r } from "vue";
+import c from "../../../../_virtual/_plugin-vue_export-helper.js";
+const a = {}, n = {
+  width: "52",
+  height: "14",
+  viewBox: "0 0 52 14"
+};
+function o(l, e) {
+  return t(), i("svg", n, e[0] || (e[0] = [
+    r('<circle fill="currentColor" cx="6" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".1"></animate></circle><circle fill="currentColor" cx="26" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".2"></animate></circle><circle fill="currentColor" cx="46" cy="7" r="6"><animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin=".3"></animate></circle>', 3)
+  ]));
+}
+const m = /* @__PURE__ */ c(a, [["render", o]]);
+export {
+  m as default
+};

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

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

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

@@ -0,0 +1,45 @@
+import { defineComponent as i, openBlock as s, createBlock as m, unref as t, normalizeClass as p, withCtx as e, createVNode as l, createCommentVNode as c } from "vue";
+import u from "../../icon/v3/Icon.vue.js";
+import "./Button.vue.js";
+import d from "./IconButton.vue.js";
+import "./ScrollButton.vue.js";
+import f from "../../tooltip/v3/Tooltip.vue.js";
+const w = /* @__PURE__ */ i({
+  __name: "ScrollButton",
+  props: {
+    show: { type: Boolean, default: !1 },
+    iconName: { default: "angle-up" },
+    tooltipText: { default: "Back to top" },
+    position: { default: "bottom-right" }
+  },
+  emits: ["scrolled"],
+  setup(h, { emit: r }) {
+    const n = r, a = () => {
+      n("scrolled");
+    };
+    return (o, B) => o.show ? (s(), m(t(d), {
+      key: 0,
+      class: p(["scroll-button", o.position]),
+      theme: "third",
+      variant: "borderless",
+      size: "lg",
+      onClick: a
+    }, {
+      default: e(() => [
+        l(t(f), {
+          text: o.tooltipText,
+          delay: 400
+        }, {
+          default: e(() => [
+            l(t(u), { name: o.iconName }, null, 8, ["name"])
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["class"])) : c("", !0);
+  }
+});
+export {
+  w as default
+};

package/src/components/button/v4/ButtonGroup.vue.js

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

package/src/components/button/v4/ButtonGroup.vue2.js

@@ -0,0 +1,19 @@
+import { defineComponent as o, openBlock as r, createElementBlock as t, normalizeClass as a, renderSlot as n } from "vue";
+const u = /* @__PURE__ */ o({
+  __name: "ButtonGroup",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" }
+  },
+  setup(l) {
+    return (e, p) => (r(), t("div", {
+      class: a(["group-button-wrapper", [e.size, e.color, e.variant]])
+    }, [
+      n(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  u as default
+};

package/src/components/button/v4/ButtonV4.vue.js

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