@ironsource/shared-ui 2.1.12-rc.3 → 2.1.12-rc.30

package/components/link/Link.vue.d.ts

@@ -0,0 +1,70 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    href?: string;
+    disabled?: boolean;
+    color?: "default" | "primary";
+    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    iconName?: string;
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    testId?: string;
+}>, {
+    href: any;
+    disabled: boolean;
+    color: string;
+    variant: string;
+    iconName: any;
+    iconType: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    href?: string;
+    disabled?: boolean;
+    color?: "default" | "primary";
+    variant?: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    iconName?: string;
+    iconType?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+    testId?: string;
+}>, {
+    href: any;
+    disabled: boolean;
+    color: string;
+    variant: string;
+    iconName: any;
+    iconType: string;
+    testId: string;
+}>>> & {
+    onClick?: () => any;
+}, {
+    testId: string;
+    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    disabled: boolean;
+    color: "default" | "primary";
+    href: string;
+    iconName: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/link/Link.vue.js

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

package/components/link/Link.vue2.js

@@ -0,0 +1,43 @@
+ import "../../Link.vue_vue_type_style_index_0_scoped_ad98fe7b_lang.css"; import { defineComponent as f, openBlock as i, createBlock as r, unref as t, mergeProps as l, withCtx as m, renderSlot as u, createCommentVNode as p } from "vue";
+import k from "../typography/v4/Typography.vue.js";
+import y from "../icon/v4/IconV4.vue.js";
+import "../icon/v4/IconFlag.vue.js";
+import { useTestIdAttrs as I } from "../../utils/testIds.js";
+import { LinkTestIdModifiers as a } from "../../testids/index.js";
+const w = /* @__PURE__ */ f({
+  __name: "Link",
+  props: {
+    href: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    variant: { default: "body1" },
+    iconName: { default: null },
+    iconType: { default: "regular" },
+    testId: { default: "" }
+  },
+  emits: ["click"],
+  setup(e, { emit: d }) {
+    const o = e, c = () => {
+      o.disabled || (o.href && window.open(o.href), d("click"));
+    }, n = I(o.testId, a);
+    return (s, h) => (i(), r(t(k), l({
+      class: ["link", [`link--${e.color}`, { "link--disabled": e.disabled }]],
+      variant: e.variant
+    }, t(n)[t(a).WRAPPER], { onClick: c }), {
+      default: m(() => [
+        u(s.$slots, "default", {}, void 0, !0),
+        e.iconName ? (i(), r(t(y), l({
+          key: 0,
+          name: e.iconName,
+          type: e.iconType,
+          size: "16px",
+          class: "icon"
+        }, t(n)[t(a).ICON]), null, 16, ["name", "type"])) : p("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "variant"]));
+  }
+});
+export {
+  w as default
+};

package/components/link/index.d.ts

@@ -0,0 +1,201 @@
+declare const LinkTypes: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            testId: string;
+            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            disabled: boolean;
+            color: "default" | "primary";
+            href: string;
+            iconName: string;
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary">;
+                default: string;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "href" | "iconName" | "iconType">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: (event: "click") => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary">;
+                default: string;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconName: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+        }>> & {
+            onClick?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            click: () => void;
+        }, string, {
+            testId: string;
+            variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+            disabled: boolean;
+            color: "default" | "primary";
+            href: string;
+            iconName: string;
+            iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        }, {}, string> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        variant: {
+            type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary">;
+            default: string;
+        };
+        href: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconName: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: string;
+        };
+    }>> & {
+        onClick?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    variant: {
+        type: import("vue").PropType<"button" | "body1" | "body2" | "subtitle1" | "subtitle2">;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: import("vue").PropType<"default" | "primary">;
+        default: string;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    iconName: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    iconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        default: string;
+    };
+}>> & {
+    onClick?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, {
+    testId: string;
+    variant: "button" | "body1" | "body2" | "subtitle1" | "subtitle2";
+    disabled: boolean;
+    color: "default" | "primary";
+    href: string;
+    iconName: string;
+    iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
+export { default as Link } from './Link.vue';
+export { LinkTypes };

package/components/link/index.js

@@ -0,0 +1,6 @@
+import o from "./Link.vue.js";
+const n = () => [o];
+export {
+  o as Link,
+  n as LinkTypes
+};

package/components/search/v3/index.d.ts

@@ -12,7 +12,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -41,7 +41,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"sm" | "md">;
+        type: import("vue").PropType<"md" | "sm">;
         default: string;
     };
     modelValue: {
@@ -58,7 +58,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
     testId: string;
     variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
-    size: "sm" | "md";
+    size: "md" | "sm";
 }>[];
 export { default as Search } from './Search.vue';
 export { SearchTypes };

package/components/shared/FieldLabel.vue.d.ts

@@ -1,11 +1,12 @@
-import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { TooltipTriggers } from '@/components/tooltip/common/Tooltip.types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "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";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -13,15 +14,17 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => 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<{
     label: string;
     description?: string;
     mandatory?: boolean;
     disabled?: boolean;
     hoverHelpText?: string;
-    hoverHelpTextPlacement?: TooltipPositions;
+    hoverHelpTextPlacement?: "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";
+    helpTextIconTooltipTrigger?: TooltipTriggers[];
     testId?: string;
 }>, {
     label: string;
@@ -29,8 +32,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     testId: string;
     mandatory: boolean;
     disabled: boolean;
-    hoverHelpText: string;
+    hoverHelpText: any;
     hoverHelpTextPlacement: string;
+    helpTextIconTooltipTrigger: () => string[];
 }>>>, {
     label: string;
     testId: string;
@@ -38,7 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     mandatory: boolean;
     description: string;
     hoverHelpText: string;
-    hoverHelpTextPlacement: TooltipPositions;
+    hoverHelpTextPlacement: "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";
+    helpTextIconTooltipTrigger: TooltipTriggers[];
+}>, {
+    "icon-tooltip-content"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -58,3 +65,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-921d4087"]]);
 export {
-  c as default
+  d as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,79 +1,92 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
-import h from "../icon/v4/IconV4.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_921d4087_lang.css"; import { defineComponent as I, useSlots as y, computed as s, openBlock as i, createElementBlock as p, Fragment as k, createElementVNode as N, mergeProps as n, unref as e, createVNode as d, withCtx as l, createTextVNode as c, toDisplayString as T, createBlock as h, createCommentVNode as m, createSlots as C, normalizeClass as A, renderSlot as B } from "vue";
+import H from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import x from "../tooltip/v4/TooltipV4.vue.js";
-import c from "../typography/v4/Typography.vue.js";
-import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as y } from "../../utils/testIds.js";
-const v = {
+import S from "../tooltip/v4/TooltipV4.vue.js";
+import f from "../typography/v4/Typography.vue.js";
+import { FieldLabelTestIdModifiers as o } from "../../testids/index.js";
+import { useTestIdAttrs as E } from "../../utils/testIds.js";
+const L = {
   key: 0,
   class: "description"
-}, O = /* @__PURE__ */ p({
+}, R = /* @__PURE__ */ I({
   __name: "FieldLabel",
   props: {
     label: { default: "" },
     description: { default: "" },
     mandatory: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    hoverHelpText: { default: "" },
+    hoverHelpText: { default: null },
     hoverHelpTextPlacement: { default: "top" },
+    helpTextIconTooltipTrigger: { default: () => ["hover"] },
     testId: { default: "" }
   },
   setup(t) {
-    const l = y(t.testId, a);
-    return (N, g) => (o(), m(T, null, [
-      b("div", d({
+    const r = t, b = y(), a = E(r.testId, o), u = s(() => !!b["icon-tooltip-content"]), g = s(
+      () => r.helpTextIconTooltipTrigger.includes("click")
+    ), v = s(
+      () => !!r.hoverHelpText || u.value
+    );
+    return (x, O) => (i(), p(k, null, [
+      N("div", n({
         class: ["field-label", {
           "field-label--disabled": t.disabled,
           "field-label--with-description": !!t.description
         }]
-      }, e(l)[e(a).CONTAINER]), [
-        r(e(c), d({
+      }, e(a)[e(o).CONTAINER]), [
+        d(e(f), n({
           class: "label",
           variant: "inputLabel"
-        }, e(l)[e(a).TEXT]), {
-          default: i(() => [
-            n(f(t.label), 1)
+        }, e(a)[e(o).TEXT]), {
+          default: l(() => [
+            c(T(t.label), 1)
           ]),
           _: 1
         }, 16),
-        t.mandatory ? (o(), u(e(c), d({
+        t.mandatory ? (i(), h(e(f), n({
           key: 0,
           variant: "h3",
           class: "mandatory"
-        }, e(l)[e(a).MANDATORY]), {
-          default: i(() => [
-            n("*")
+        }, e(a)[e(o).MANDATORY]), {
+          default: l(() => [
+            c("*")
           ]),
           _: 1
-        }, 16)) : s("", !0),
-        t.hoverHelpText ? (o(), u(e(x), d({
+        }, 16)) : m("", !0),
+        e(v) ? (i(), h(e(S), n({
           key: 1,
-          triggers: ["hover"],
+          triggers: t.helpTextIconTooltipTrigger,
           text: t.hoverHelpText,
           placement: t.hoverHelpTextPlacement
-        }, e(l)[e(a).TOOLTIP], { "test-id": t.testId }), {
-          default: i(() => [
-            r(e(h), {
-              class: "info-icon",
+        }, e(a)[e(o).TOOLTIP], { "test-id": t.testId }), C({
+          default: l(() => [
+            d(e(H), {
+              class: A(["info-icon", { "clickable-icon": e(g) }]),
               name: "question",
               size: "16px"
-            })
+            }, null, 8, ["class"])
           ]),
-          _: 1
-        }, 16, ["text", "placement", "test-id"])) : s("", !0)
+          _: 2
+        }, [
+          e(u) ? {
+            name: "tooltip",
+            fn: l(() => [
+              B(x.$slots, "icon-tooltip-content", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["triggers", "text", "placement", "test-id"])) : m("", !0)
       ], 16),
-      t.description ? (o(), m("div", v, [
-        r(e(c), { variant: "body2" }, {
-          default: i(() => [
-            n(f(t.description), 1)
+      t.description ? (i(), p("div", L, [
+        d(e(f), { variant: "body2" }, {
+          default: l(() => [
+            c(T(t.description), 1)
           ]),
           _: 1
         })
-      ])) : s("", !0)
+      ])) : m("", !0)
     ], 64));
   }
 });
 export {
-  O as default
+  R as default
 };

package/components/switch/v4/SwitchV4.vue.d.ts

@@ -1,26 +1,42 @@
+import { TooltipPositions } from '@/components/tooltip/common/Tooltip.types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: unknown[];
     modelValue: unknown;
+    variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
+    variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>, {}, unknown, {}, {}, 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<{
     options: unknown[];
     modelValue: unknown;
+    variant: 'primary' | 'default';
     testId?: string;
     iconKey?: string;
+    tooltipTextKey?: string;
+    tooltipPlacement?: TooltipPositions;
 }>, {
     testId: string;
+    variant: string;
     iconKey: string;
+    tooltipTextKey: string;
+    tooltipPlacement: string;
 }>>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     testId: string;
+    variant: 'primary' | 'default';
+    tooltipPlacement: TooltipPositions;
     iconKey: string;
+    tooltipTextKey: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/switch/v4/SwitchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SwitchV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_c2e356f5_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-c2e356f5"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_cd6621a7_lang.css"; //*');
+const s = /* @__PURE__ */ _(o, [["__scopeId", "data-v-cd6621a7"]]);
 export {
   s as default
 };