@ironsource/shared-ui 1.4.2-test.14 → 1.4.2-test.15

package/components/table/index.d.ts

@@ -177,7 +177,7 @@ declare const TableTypes: () => (import("vue").InjectionKey<import("./TableConte
     rowHeight: number | ((index: number) => number);
     loadingRowCount: number;
     defaultScrollPosition: number;
-}, {}>)[];
+}>)[];
 export { default as Table } from './Table.vue';
 export { TableContext } from './TableContext';
 export type { Column, Sort } from './Table.types';

package/components/table-cells/Editable.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isLoading: boolean;
     isEditing: boolean;
     validateFunction: (value: unknown) => string | boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/table-cells/Editable.vue.js

@@ -11,15 +11,15 @@ const _hoisted_2 = {
   key: 1,
   class: "editable-content"
 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Editable",
   props: {
     cell: { default: "" },
     isEditing: { type: Boolean, default: false },
     validateFunction: { type: Function, default: () => false },
     isLoading: { type: Boolean, default: false },
-    rowIndex: {},
-    cellIndex: {}
+    rowIndex: null,
+    cellIndex: null
   },
   setup(__props) {
     const props = __props;
@@ -73,7 +73,7 @@ const _sfc_main = defineComponent({
             renderSlot(_ctx.$slots, "content", {}, () => [
               createVNode(Text, { size: "sm" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.cell), 1)
+                  createTextVNode(toDisplayString(__props.cell), 1)
                 ]),
                 _: 1
               })

package/components/table-cells/index.d.ts

@@ -61,7 +61,7 @@ declare const EditableTypes: () => (import("vue").InjectionKey<import("./Editabl
     isLoading: boolean;
     isEditing: boolean;
     validateFunction: (value: unknown) => string | boolean;
-}, {}>)[];
+}>)[];
 export { default as Editable } from './Editable.vue';
 export { EditableContext, useEditableContext } from './EditableContext';
 export { EditableTypes };

package/components/tabs/Tabs.vue.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
         iconName: string;
         disabled?: boolean;
     }[];
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tabs/Tabs.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent, useCssVars, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock, unref, createCommentVNode, withCtx, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from 'vue';
-import '../typography/Heading.vue.js';
+import { defineComponent, useCssVars, unref, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, pushScopeId, popScopeId, createElementVNode } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import Icon from '../icon/Icon.vue.js';
-/* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                      */
 import "../../Tabs.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _withScopeId = (n) => (pushScopeId("data-v-43f1459d"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["onClick", "onMouseover"];
@@ -12,12 +11,11 @@ const _hoisted_3 = {
   key: 0,
   class: "tabs-border-line-hover"
 };
-const fixUnderlineLength = 12;
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tabs",
   props: {
     tabsList: { default: () => [] },
-    selectedTab: {},
+    selectedTab: null,
     variant: { default: "fill" },
     size: { default: "sm" }
   },
@@ -25,13 +23,14 @@ const _sfc_main = defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "87ea7e12": selectedTabPosition.value,
-      "fb546e90": selectedTabWidth.value,
-      "b3e2e0ba": selectedTabCenter.value,
-      "2213a50a": hoveredTabCenter.value
+      "87ea7e12": unref(selectedTabPosition),
+      "fb546e90": unref(selectedTabWidth),
+      "b3e2e0ba": unref(selectedTabCenter),
+      "2213a50a": unref(hoveredTabCenter)
     }));
     const tabsNewList = ref([]);
     const hoveredTab = ref(null);
+    const fixUnderlineLength = 12;
     const skipUnwrap = { tabsNewList };
     const isHovered = computed(
       () => hoveredTab.value && hoveredTab.value !== props.selectedTab
@@ -77,16 +76,16 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("ul", {
-        class: normalizeClass(["tabs-wrap", [_ctx.size, _ctx.variant]])
+        class: normalizeClass(["tabs-wrap", [__props.size, __props.variant]])
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabsList, (tab) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabsList, (tab) => {
           return openBlock(), createElementBlock("li", {
             ref_for: true,
             ref: skipUnwrap.tabsNewList,
             key: tab.id,
             class: normalizeClass(["tab-item", {
               "disabled-tab": tab.disabled,
-              "selected-tab": tab.id === _ctx.selectedTab
+              "selected-tab": tab.id === __props.selectedTab
             }]),
             onClick: ($event) => selectTab(tab),
             onMouseover: ($event) => setHover(tab),
@@ -97,7 +96,7 @@ const _sfc_main = defineComponent({
                 key: 0,
                 name: tab.iconName,
                 class: normalizeClass(["tab-icon", {
-                  size: _ctx.size,
+                  size: __props.size,
                   "lone-icon": !tab.name
                 }])
               }, null, 8, ["name", "class"])) : createCommentVNode("", true),
@@ -115,7 +114,7 @@ const _sfc_main = defineComponent({
           ], 42, _hoisted_1);
         }), 128)),
         _hoisted_2,
-        isHovered.value ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
+        unref(isHovered) ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true)
       ], 2);
     };
   }

package/components/tabs/index.d.ts

@@ -63,6 +63,6 @@ declare const TabsTypes: () => import("vue").DefineComponent<{
         iconName: string;
         disabled?: boolean;
     }[];
-}, {}>[];
+}>[];
 export { default as Tabs } from './Tabs.vue';
 export { TabsTypes };

package/components/textArea/TextArea.vue.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/textArea/TextArea.vue.js

@@ -1,8 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                          */
 import "../../TextArea.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = {
   key: 0,
@@ -13,7 +12,7 @@ const _hoisted_3 = {
   key: 1,
   class: "extra-text-container"
 };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextArea",
   props: {
     modelValue: { default: "" },
@@ -30,30 +29,30 @@ const _sfc_main = defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ "textarea-with-label-container": true, disabled: _ctx.disabled })
+        class: normalizeClass({ "textarea-with-label-container": true, disabled: __props.disabled })
       }, [
-        _ctx.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createVNode(unref(Text), { class: "label" }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.label), 1)
+              createTextVNode(toDisplayString(__props.label), 1)
             ]),
             _: 1
           })
         ])) : createCommentVNode("", true),
         createElementVNode("textarea", {
           class: "textarea",
-          value: _ctx.modelValue,
-          placeholder: _ctx.placeholder,
-          disabled: _ctx.disabled,
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
           onInput: handleInput
         }, null, 40, _hoisted_2),
-        _ctx.feedbackErrorText || _ctx.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        __props.feedbackErrorText || __props.feedbackHelpText ? (openBlock(), createElementBlock("div", _hoisted_3, [
           createVNode(unref(Text), {
-            class: normalizeClass({ [_ctx.feedbackErrorText ? "error" : "help"]: true }),
+            class: normalizeClass({ [__props.feedbackErrorText ? "error" : "help"]: true }),
             size: "caption"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.feedbackErrorText || _ctx.feedbackHelpText), 1)
+              createTextVNode(toDisplayString(__props.feedbackErrorText || __props.feedbackHelpText), 1)
             ]),
             _: 1
           }, 8, ["class"])

package/components/textArea/index.d.ts

@@ -71,6 +71,6 @@ declare const TextAreaTypes: () => import("vue").DefineComponent<{
     placeholder: string;
     feedbackHelpText: string;
     feedbackErrorText: string;
-}, {}>[];
+}>[];
 export { default as TextArea } from './TextArea.vue';
 export { TextAreaTypes };

package/components/toggle/Toggle.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/toggle/Toggle.vue.js

@@ -1,14 +1,13 @@
 import { defineComponent, useCssVars, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, createBlock } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
 import { COLORS } from '../../consts/colors.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                        */
 import "../../Toggle.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "toggle-wrap" };
 const _hoisted_2 = { class: "toggle-head" };
 const _hoisted_3 = ["disabled", "checked"];
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Toggle",
   props: {
     modelValue: { type: Boolean },
@@ -24,7 +23,7 @@ const _sfc_main = defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7a6f4588": _ctx.color
+      "7a6f4588": __props.color
     }));
     const toggleValue = () => {
       if (props.isDisabled)
@@ -35,53 +34,53 @@ const _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", null, [
         createElementVNode("div", _hoisted_1, [
           createElementVNode("div", {
-            class: normalizeClass(["toggle-body", { "toggle-active": _ctx.modelValue, "toggle-disabled": _ctx.isDisabled }]),
+            class: normalizeClass(["toggle-body", { "toggle-active": __props.modelValue, "toggle-disabled": __props.isDisabled }]),
             onClick: toggleValue
           }, [
             createElementVNode("div", _hoisted_2, [
-              _ctx.isLoading ? (openBlock(), createElementBlock("span", {
+              __props.isLoading ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(["loader", {
-                  "loader-active": _ctx.modelValue
+                  "loader-active": __props.modelValue
                 }])
               }, null, 2)) : createCommentVNode("", true)
             ])
           ], 2),
           createElementVNode("input", {
             type: "checkbox",
-            disabled: _ctx.isDisabled,
-            checked: _ctx.modelValue,
+            disabled: __props.isDisabled,
+            checked: __props.modelValue,
             class: "checkbox"
           }, null, 8, _hoisted_3),
           createVNode(unref(Text), {
             size: "sm",
             "is-truncated": "",
-            class: normalizeClass(["item-text", { "text-disabled": _ctx.isDisabled }])
+            class: normalizeClass(["item-text", { "text-disabled": __props.isDisabled }])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.modelValue ? _ctx.activeText : _ctx.inactiveText), 1)
+              createTextVNode(toDisplayString(__props.modelValue ? __props.activeText : __props.inactiveText), 1)
             ]),
             _: 1
           }, 8, ["class"])
         ]),
         createElementVNode("div", null, [
-          _ctx.helperText ? (openBlock(), createBlock(unref(Text), {
+          __props.helperText ? (openBlock(), createBlock(unref(Text), {
             key: 0,
             size: "caption",
             class: "helper-text"
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.helperText), 1)
+              createTextVNode(toDisplayString(__props.helperText), 1)
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          _ctx.errorText ? (openBlock(), createBlock(unref(Text), {
+          __props.errorText ? (openBlock(), createBlock(unref(Text), {
             key: 1,
             size: "caption",
-            class: normalizeClass(["error-text", { "error-and-help": !!_ctx.helperText }])
+            class: normalizeClass(["error-text", { "error-and-help": !!__props.helperText }])
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.errorText), 1)
+              createTextVNode(toDisplayString(__props.errorText), 1)
             ]),
             _: 1
           }, 8, ["class"])) : createCommentVNode("", true)

package/components/toggle/index.d.ts

@@ -90,6 +90,6 @@ declare const ToggleTypes: () => import("vue").DefineComponent<{
     activeText: string;
     inactiveText: string;
     isDisabled: boolean;
-}, {}>[];
+}>[];
 export { default as Toggle } from './Toggle.vue';
 export { ToggleTypes };

package/components/tooltip/TextWithTitleContent.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     text: string;
     header: string;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tooltip/TextWithTitleContent.vue.js

@@ -1,17 +1,16 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString } from 'vue';
-import '../typography/Heading.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
+/* empty css                                                                      */
 import "../../TextWithTitleContent.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = { class: "content-wrap" };
 const _hoisted_2 = { class: "content-header" };
 const _hoisted_3 = { class: "content-body" };
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextWithTitleContent",
   props: {
-    text: {},
-    header: {}
+    text: null,
+    header: null
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -23,7 +22,7 @@ const _sfc_main = defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.header), 1)
+              createTextVNode(toDisplayString(__props.header), 1)
             ]),
             _: 1
           })
@@ -35,7 +34,7 @@ const _sfc_main = defineComponent({
             strong: ""
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.text), 1)
+              createTextVNode(toDisplayString(__props.text), 1)
             ]),
             _: 1
           })

package/components/tooltip/Tooltip.vue.d.ts

@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/tooltip/Tooltip.vue.js

@@ -1,11 +1,10 @@
 import { defineComponent, ref, useSlots, watch, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, createElementVNode, nextTick } from 'vue';
 import TextWithTitleContent from './TextWithTitleContent.vue.js';
-import '../typography/Heading.vue.js';
-import Text from '../typography/Text.vue.js';
+/* empty css                                                                     */import Text from '../typography/Text.vue.js';
 import { Tooltip } from 'floating-vue';
 /* empty css                                             */
 import "../../Tooltip.vue_vue_type_style_index_0_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Tooltip",
   props: {
     text: { default: null },
@@ -53,17 +52,17 @@ const _sfc_main = defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Tooltip), mergeProps(_ctx.$props, {
-        theme: _ctx.theme,
+        theme: __props.theme,
         "no-auto-focus": "",
-        triggers: _ctx.triggers,
-        delay: { show: _ctx.delay, hide: 0 },
-        placement: _ctx.placement,
-        disabled: _ctx.disabled || _ctx.text && !textForDisplay.value,
+        triggers: __props.triggers,
+        delay: { show: __props.delay, hide: 0 },
+        placement: __props.placement,
+        disabled: __props.disabled || __props.text && !textForDisplay.value,
         "auto-hide": ""
       }), {
         popper: withCtx(() => [
           renderSlot(_ctx.$slots, "tooltip", { text: textForDisplay.value }, () => [
-            !_ctx.header ? (openBlock(), createBlock(unref(Text), {
+            !__props.header ? (openBlock(), createBlock(unref(Text), {
               key: 0,
               size: "sm",
               "is-truncated": false,
@@ -75,8 +74,8 @@ const _sfc_main = defineComponent({
               _: 1
             })) : (openBlock(), createBlock(TextWithTitleContent, {
               key: 1,
-              text: _ctx.text,
-              header: _ctx.header
+              text: __props.text,
+              header: __props.header
             }, null, 8, ["text", "header"]))
           ])
         ]),

package/components/tooltip/index.d.ts

@@ -89,6 +89,6 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     forceShowWithTruncate: boolean;
     placement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     disabled: boolean;
-}, {}>[];
+}>[];
 export { default as Tooltip } from './Tooltip.vue';
 export { TooltipTypes };

package/components/tooltip/storybookComponents/CustomTooltip.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     args: unknown;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     args: unknown;
-}>>>, {}, {}>;
+}>>>, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Heading.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     level: string;
 }>>>, {
     level: '1' | '2' | '3' | '4' | '5' | '6' | 'label';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Heading.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, normalizeClass, withCtx, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
 /* empty css                                                         */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Heading.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Heading",
   props: {
     isTruncated: { type: Boolean },
@@ -17,8 +17,8 @@ const _sfc_main = defineComponent({
       return `h${props.level}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(tag.value), {
-        class: normalizeClass(["heading", { truncate: _ctx.isTruncated }])
+      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
+        class: normalizeClass(["heading", { truncate: __props.isTruncated }])
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)

package/components/typography/Text.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
 }>>>, {
     size: 'caption' | 'xs' | 'sm' | 'md' | 'lg';
-}, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/components/typography/Text.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 /* empty css                                                      */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 
 import "../../Text.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Text",
   props: {
     isTruncated: { type: Boolean },
@@ -16,7 +16,7 @@ const _sfc_main = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: _ctx.strong, [sizeClass.value]: true, truncate: _ctx.isTruncated }])
+        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }])
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);

package/components/typography/index.d.ts

@@ -18,7 +18,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     };
 }>>, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-}, {}> | import("vue").DefineComponent<{
+}> | import("vue").DefineComponent<{
     size: {
         type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
     } & {
@@ -44,7 +44,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     };
 }>>, {
     size: "md" | "sm" | "lg" | "caption" | "xs";
-}, {}>)[];
+}>)[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';
 export { TypographyTypes };

package/index.vue.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeAppHeader.vue_vue_type_style_index_0_scoped_true_lang.css';
+import './MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css';
 export { AppTriggerTypes } from './components/appTrigger/index.vue.js';
 export { AutocompleteDropdownTypes } from './components/autocompleteDropdown/index.vue.js';
 export { MenuItemTypes } from './components/menuItem/index.vue.js';
@@ -36,6 +36,8 @@ export { useSearch } from './composables/useSearch.vue.js';
 export { DateRangeTypes } from './components/dateRange/index.vue.js';
 export { DatePickerTypes } from './components/datePicker/index.vue.js';
 export { BannerTypes } from './components/banner/index.vue.js';
+export { default as Popover } from './components/popover/Popover.vue.js';
+export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
 export { default as AppTrigger } from './components/appTrigger/AppTrigger.vue.js';
 export { default as AutocompleteDropdown } from './components/autocompleteDropdown/AutocompleteDropdown.vue.js';
 export { default as MenuItem } from './components/menuItem/MenuItem.vue.js';
@@ -78,10 +80,8 @@ export { default as Search } from './components/search/Search.vue.js';
 export { default as Skeleton } from './components/skeleton/Skeleton.vue.js';
 export { default as Heading } from './components/typography/Heading.vue.js';
 export { default as Text } from './components/typography/Text.vue.js';
-export { default as Popover } from './components/popover/Popover.vue.js';
 export { default as Chip } from './components/chip/Chip.vue.js';
 export { default as Toggle } from './components/toggle/Toggle.vue.js';
-export { default as Tooltip } from './components/tooltip/Tooltip.vue.js';
 export { default as Input } from './components/input/Input.vue.js';
 export { default as DollarInput } from './components/input/DollarInput.vue.js';
 export { default as PercentageInput } from './components/input/PercentageInput.vue.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "1.4.2-test.14",
+  "version": "1.4.2-test.15",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -48,8 +48,6 @@
     "date-fns": "^2.29.1",
     "floating-vue": "2.0.0-beta.20",
     "focus-trap": "^6.9.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "vue": "^3.2.31",
     "vuedraggable": "^4.1.0"
   },
@@ -117,6 +115,8 @@
     "prettier": "^2.6.0",
     "prismjs": "^1.29.0",
     "puppeteer": "^19.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "replace": "^1.2.1",
     "rimraf": "^3.0.2",
     "sass": "^1.49.7",