@ironsource/shared-ui 2.1.12-rc.8 → 2.1.12-test.1

package/components/button/v4/ButtonGroup.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
     color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     variant: string;
     color: 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
     color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size?: "small" | "medium" | "large" | "extraLarge";
@@ -14,11 +14,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     variant: string;
     color: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     variant: "text" | "contained" | "outlined";
     color: "default" | "primary" | "danger" | "info" | "success" | "warning";
     size: "small" | "medium" | "large" | "extraLarge";
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

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

package/components/button/v4/ButtonV4.vue.d.ts

@@ -1,6 +1,7 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { ButtonColor } from '@/components/button/common/consts';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
-    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
     loading?: boolean;
     disabled?: boolean;
@@ -22,9 +23,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     testId: string;
     content: 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "text" | "contained" | "outlined";
-    color?: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color?: ButtonColor;
     size?: "small" | "medium" | "large" | "extraLarge";
     loading?: boolean;
     disabled?: boolean;
@@ -46,19 +47,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     testId: string;
     content: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     testId: string;
     variant: "text" | "contained" | "outlined";
     disabled: boolean;
-    color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+    color: ButtonColor;
     size: "small" | "medium" | "large" | "extraLarge";
-    content: string;
     loading: boolean;
+    content: string;
     startIconName: string;
     endIconName: string;
     startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
     loader?(_: {}): any;
 }>;

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

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

package/components/button/v4/ButtonV4.vue2.js

@@ -1,9 +1,9 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_bdfce3aa_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as m, renderSlot as u, createTextVNode as z, toDisplayString as g } from "vue";
-import I from "../../typography/v4/Typography.vue.js";
-import y from "../../icon/v4/IconV4.vue.js";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_d7948c77_lang.css"; import { defineComponent as y, computed as N, openBlock as t, createElementBlock as u, normalizeClass as l, createElementVNode as m, createBlock as p, unref as a, createCommentVNode as o, createVNode as s, withCtx as r, renderSlot as i, createTextVNode as h, toDisplayString as v } from "vue";
+import c from "../../typography/v4/Typography.vue.js";
+import f from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import b from "../../loader/v4/Loader.vue.js";
-const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
+import z from "../../loader/v4/Loader.vue.js";
+const g = ["data-testid", "disabled"], b = { key: 0 }, $ = /* @__PURE__ */ y({
   __name: "ButtonV4",
   props: {
     variant: { default: "contained" },
@@ -18,12 +18,12 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
     startIconType: { default: "regular" },
     endIconType: { default: "regular" }
   },
-  setup(e) {
-    const o = e, d = h(
-      () => o.size === "small" || o.size === "medium" ? 16 : 20
+  setup(I) {
+    const n = I, d = N(
+      () => n.size === "small" || n.size === "medium" ? 16 : 20
     );
-    return (l, w) => (a(), s("button", {
-      class: i([[
+    return (e, k) => (t(), u("button", {
+      class: l([[
         e.size,
         e.color,
         e.variant,
@@ -33,48 +33,48 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           "with-end-icon": !!e.endIconName
         }
       ], "button-wrap"]),
-      "data-testid": o.testId,
+      "data-testid": n.testId,
       disabled: e.disabled
     }, [
-      e.loading ? n("", !0) : (a(), s("span", v, [
-        r("div", {
-          class: i({
+      e.loading ? o("", !0) : (t(), u("span", b, [
+        m("div", {
+          class: l({
             flex: e.startIconName || e.endIconName
           })
         }, [
-          e.startIconName ? (a(), f(t(y), {
+          e.startIconName ? (t(), p(a(f), {
             key: 0,
             name: e.startIconName,
-            size: `${t(d)}px`,
+            size: `${d.value}px`,
             type: e.startIconType,
             class: "start-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0),
-          c(t(I), { variant: "button" }, {
-            default: m(() => [
-              u(l.$slots, "default", {}, () => [
-                z(g(e.content), 1)
+          }, null, 8, ["name", "size", "type"])) : o("", !0),
+          s(a(c), { variant: "button" }, {
+            default: r(() => [
+              i(e.$slots, "default", {}, () => [
+                h(v(e.content), 1)
               ], !0)
             ]),
             _: 3
           }),
-          e.endIconName ? (a(), f(t(y), {
+          e.endIconName ? (t(), p(a(f), {
             key: 1,
             name: e.endIconName,
-            size: `${t(d)}px`,
+            size: `${d.value}px`,
             type: e.endIconType,
             class: "end-icon"
-          }, null, 8, ["name", "size", "type"])) : n("", !0)
+          }, null, 8, ["name", "size", "type"])) : o("", !0)
         ], 2)
       ])),
-      e.loading ? u(l.$slots, "loader", { key: 1 }, () => [
-        c(t(b), { "max-width": t(d) }, {
-          default: m(() => [
-            r("div", {
-              class: i({ "content-with-icon": e.startIconName || e.endIconName })
+      e.loading ? i(e.$slots, "loader", { key: 1 }, () => [
+        s(a(z), { "max-width": d.value }, {
+          default: r(() => [
+            m("div", {
+              class: l({ "content-with-icon": e.startIconName || e.endIconName })
             }, [
-              c(t(I), { variant: "button" }, {
-                default: m(() => [
-                  u(l.$slots, "default", {}, void 0, !0)
+              s(a(c), { variant: "button" }, {
+                default: r(() => [
+                  i(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               })
@@ -82,8 +82,8 @@ const k = ["data-testid", "disabled"], v = { key: 0 }, $ = /* @__PURE__ */ N({
           ]),
           _: 3
         }, 8, ["max-width"])
-      ], !0) : n("", !0)
-    ], 10, k));
+      ], !0) : o("", !0)
+    ], 10, g));
   }
 });
 export {

package/components/button/v4/IconButtonV4.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "default" | "outlined";
-    color?: "default" | "primary" | "error";
+    color?: "default" | "error" | "primary";
     size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
@@ -14,9 +14,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     iconName: string;
     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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     variant?: "default" | "outlined";
-    color?: "default" | "primary" | "error";
+    color?: "default" | "error" | "primary";
     size?: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     iconName?: string;
@@ -30,15 +30,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     testId: string;
     iconName: string;
     type: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     testId: string;
     variant: "default" | "outlined";
     disabled: boolean;
-    color: "default" | "primary" | "error";
+    color: "default" | "error" | "primary";
     size: "small" | "medium" | "large" | "extraLarge" | "extraSmall";
     iconName: string;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/IconButtonV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as o, computed as l, openBlock as r, createElementBlock as i, normalizeClass as c, unref as a, renderSlot as u, createVNode as m } from "vue";
-import f from "../../icon/v4/IconV4.vue.js";
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_06e26be2_lang.css"; import { defineComponent as n, computed as a, openBlock as r, createElementBlock as d, normalizeClass as i, renderSlot as u, createVNode as p, unref as c } from "vue";
+import m from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
+const f = ["data-testid", "disabled"], I = /* @__PURE__ */ n({
   __name: "IconButtonV4",
   props: {
     variant: { default: "default" },
@@ -12,8 +12,8 @@ const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
     disabled: { type: Boolean, default: !1 },
     testId: { default: "" }
   },
-  setup(e) {
-    const t = e, n = l(() => {
+  setup(l) {
+    const t = l, s = a(() => {
       switch (t.size) {
         case "extraSmall":
           return "16px";
@@ -25,20 +25,20 @@ const p = ["data-testid", "disabled"], I = /* @__PURE__ */ o({
         default:
           return "24px";
       }
-    }), s = l(() => `variant-${t.variant}`);
-    return (d, b) => (r(), i("button", {
-      class: c([[e.size, e.color, a(s)], "button-wrap"]),
+    }), o = a(() => `variant-${t.variant}`);
+    return (e, b) => (r(), d("button", {
+      class: i([[e.size, e.color, o.value], "button-wrap"]),
       "data-testid": t.testId,
       disabled: e.disabled
     }, [
-      u(d.$slots, "default", {}, () => [
-        m(a(f), {
+      u(e.$slots, "default", {}, () => [
+        p(c(m), {
           type: e.type,
           name: e.iconName || "pencil-simple",
-          size: a(n)
+          size: s.value
         }, null, 8, ["type", "name", "size"])
       ], !0)
-    ], 10, p));
+    ], 10, f));
   }
 });
 export {

package/components/button/v4/ToggleButtonGroupAB.vue.d.ts

@@ -1,11 +1,11 @@
-import { Placement } from 'floating-vue/dist/util/popper';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { Placement } from 'floating-vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: "a" | "b";
     withPopover: boolean;
     testId?: string;
     popoverProps: {
         autoHide?: boolean;
-        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+        trigger?: "click" | "focus" | "hover" | "touch" | "managed";
         disabled?: boolean;
         placement?: Placement;
         distance?: number;
@@ -15,17 +15,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
 }>, {
     testId: string;
-}>, {
+}>>, {
     toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: "a" | "b";
     withPopover: boolean;
     testId?: string;
     popoverProps: {
         autoHide?: boolean;
-        trigger?: "hover" | "click" | "focus" | "touch" | "managed";
+        trigger?: "click" | "focus" | "hover" | "touch" | "managed";
         disabled?: boolean;
         placement?: Placement;
         distance?: number;
@@ -35,11 +35,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
 }>, {
     testId: string;
-}>>> & {
+}>>> & Readonly<{
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
-    testId: string;
 }>, {
+    testId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     "popover-content"?(_: {}): any;
 }>;
 export default _default;

package/components/button/v4/ToggleButtonGroupAB.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToggleButtonGroupAB.vue2.js";
-/* empty css                          */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c81a7d3e"]]);
+/* empty css                          */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2513c37f_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2513c37f"]]);
 export {
   s as default
 };

package/components/button/v4/ToggleButtonGroupAB.vue2.js

@@ -1,97 +1,93 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_c81a7d3e_lang.css"; import { defineComponent as A, ref as s, onMounted as C, computed as y, openBlock as f, createElementBlock as N, createVNode as a, mergeProps as p, unref as e, withCtx as r, createTextVNode as B, createBlock as w, createElementVNode as O, renderSlot as R, createCommentVNode as x } from "vue";
-import i from "./ButtonV4.vue.js";
-import { useVModel as E } from "@vueuse/core";
-import G from "../../icon/v4/IconV4.vue.js";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2513c37f_lang.css"; import { defineComponent as A, ref as u, computed as C, openBlock as g, createElementBlock as y, createVNode as n, mergeProps as p, unref as o, withCtx as r, createTextVNode as f, createBlock as N, createElementVNode as w, renderSlot as O, createCommentVNode as R } from "vue";
+import d from "./ButtonV4.vue.js";
+import { useVModel as x } from "@vueuse/core";
+import E from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
-import M from "../../popover/v4/PopoverV4.vue.js";
+import G from "../../popover/v4/PopoverV4.vue.js";
 import { useTestIdAttrs as $ } from "../../../utils/testIds.js";
-import { ToggleButtonGroupABTestIdModifiers as u } from "../../../testids/index.js";
-const h = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K = /* @__PURE__ */ A({
+import { ToggleButtonGroupABTestIdModifiers as l } from "../../../testids/index.js";
+const M = { class: "group-button-wrapper" }, U = { class: "popover-trigger" }, K = /* @__PURE__ */ A({
   __name: "ToggleButtonGroupAB",
   props: {
-    modelValue: null,
+    modelValue: {},
     withPopover: { type: Boolean },
     testId: { default: "" },
-    popoverProps: null
+    popoverProps: {}
   },
   emits: ["update:modelValue"],
-  setup(d, { expose: T, emit: P }) {
-    const t = d, m = s(null), v = s(!1), _ = (o) => {
-      v.value = o;
-    }, c = $(
-      t.testId,
-      u,
+  setup(B, { expose: T, emit: P }) {
+    const V = P, s = B, m = u(null), c = u(!1), k = (t) => {
+      c.value = t;
+    }, a = $(
+      s.testId,
+      l,
       !0
-    ), V = s(
-      t.popoverProps ? { ...t.popoverProps } : {}
-    ), l = s(), k = E(t, "modelValue", P);
-    C(() => {
-      l.value = t.modelValue;
-    });
-    const g = (o) => {
-      l.value = o, k.value = o;
-    }, I = y(() => m.value?.toggle);
+    ), I = u(
+      s.popoverProps ? { ...s.popoverProps } : {}
+    ), i = x(s, "modelValue", V), v = (t) => {
+      i.value = t;
+    }, _ = C(() => m.value?.toggle);
     return T({
-      toggle: I
-    }), (o, n) => (f(), N("div", h, [
-      a(i, p({
-        class: ["toggle-button", { "selected-a": l.value === "a" }],
+      toggle: _
+    }), (t, e) => (g(), y("div", M, [
+      n(d, p({
+        class: ["toggle-button", { "selected-a": o(i) === "a" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_A], {
-        onClick: n[0] || (n[0] = (b) => g("a"))
+      }, o(a)[o(l).BUTTON_A], {
+        onClick: e[0] || (e[0] = (b) => v("a"))
       }), {
-        default: r(() => [
-          B(" A ")
-        ]),
+        default: r(() => e[2] || (e[2] = [
+          f(" A ")
+        ])),
         _: 1
       }, 16, ["class"]),
-      a(i, p({
-        class: ["toggle-button", { "selected-b": l.value === "b" }],
+      n(d, p({
+        class: ["toggle-button", { "selected-b": o(i) === "b" }],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).BUTTON_B], {
-        onClick: n[1] || (n[1] = (b) => g("b"))
+      }, o(a)[o(l).BUTTON_B], {
+        onClick: e[1] || (e[1] = (b) => v("b"))
       }), {
-        default: r(() => [
-          B(" B ")
-        ]),
+        default: r(() => e[3] || (e[3] = [
+          f(" B ")
+        ])),
         _: 1
       }, 16, ["class"]),
-      d.withPopover ? (f(), w(i, p({
+      t.withPopover ? (g(), N(d, p({
         key: 0,
         class: [
           "toggle-button",
           {
-            "trigger-active": v.value
+            "trigger-active": c.value
           }
         ],
         color: "primary",
         variant: "outlined"
-      }, e(c)[e(u).POPOVER_TRIGGER]), {
+      }, o(a)[o(l).POPOVER_TRIGGER]), {
         default: r(() => [
-          a(e(M), p({
+          n(o(G), p({
             ref_key: "popoverRef",
             ref: m
           }, {
-            ...V.value
-          }, { onIsOpen: _ }), {
+            ...I.value
+          }, { onIsOpen: k }), {
             trigger: r(() => [
-              O("div", U, [
-                a(e(G), {
+              w("div", U, [
+                n(o(E), {
                   name: "caret-down",
                   size: "16px"
                 })
               ])
             ]),
             content: r(() => [
-              R(o.$slots, "popover-content", {}, void 0, !0)
+              O(t.$slots, "popover-content", {}, void 0, !0)
             ]),
             _: 3
           }, 16)
         ]),
         _: 3
-      }, 16, ["class"])) : x("", !0)
+      }, 16, ["class"])) : R("", !0)
     ]));
   }
 });