@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

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

@@ -1,22 +1,18 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
     size: {
-        type: import("vue").PropType<"md" | "sm">;
-    } & {
+        type: import("vue").PropType<"sm" | "md">;
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     variant: {
         type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
@@ -28,28 +24,24 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
-        type: import("vue").PropType<"md" | "sm">;
-    } & {
+        type: import("vue").PropType<"sm" | "md">;
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     variant: {
         type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
@@ -63,7 +55,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (value: string) => any;
 }, {
-    size: "md" | "sm";
+    size: "sm" | "md";
     testId: string;
     variant: "default" | "transparent" | "inline-table";
     disabled: boolean;

package/components/search/v3/index.js

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

package/components/search/v4/SearchV4.vue.d.ts

@@ -1,38 +1,33 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: 'sm' | 'md';
     testId: string;
-    variant: 'default' | 'inline-table' | 'transparent';
     disabled: boolean;
+    autoFocus: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -45,7 +40,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/search/v4/SearchV4.vue.js

@@ -1,70 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
-import Icon from '../../icon/v3/Icon.vue.js';
-import { SearchTestIdModifiers } from '../../../testids/index.vue.js';
-import { searchCommon } from '../common/Search.common.vue.js';
-/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../SearchV4.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["value", "placeholder", "disabled", "data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SearchV4",
-  props: {
-    modelValue: null,
-    placeholder: null,
-    variant: { default: "default" },
-    size: { default: "sm" },
-    disabled: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const {
-      showLeftIcon,
-      updateValue,
-      showRightIcon,
-      showClear,
-      rightIcon,
-      onRightIconClick,
-      inputRef
-    } = searchCommon(props, emit);
-    expose({
-      inputRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["search-container", `${__props.size}`]),
-        "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CONTAINER}`
-      }, [
-        unref(showLeftIcon) ? (openBlock(), createBlock(unref(Icon), {
-          key: 0,
-          class: "search-left-icon",
-          name: "search-bold",
-          "font-size": "sm"
-        })) : createCommentVNode("", true),
-        createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          class: normalizeClass({ [__props.variant]: true, activated: __props.modelValue !== "" }),
-          value: __props.modelValue,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).FIELD}`,
-          onInput: _cache[0] || (_cache[0] = (...args) => unref(updateValue) && unref(updateValue)(...args))
-        }, null, 42, _hoisted_2),
-        unref(showRightIcon) ? (openBlock(), createBlock(unref(Icon), {
-          key: 1,
-          class: normalizeClass(["search-right-icon", { "search-right-icon-clear": unref(showClear) }]),
-          name: unref(rightIcon),
-          "font-size": "sm",
-          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CLOSE}`,
-          onClick: unref(onRightIconClick)
-        }, null, 8, ["class", "name", "data-testid", "onClick"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Search = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-534adcc0"]]);
-
-export { Search as default };
+import o from "./SearchV4.vue2.js";
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_63f11472_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-63f11472"]]);
+export {
+  c as default
+};

package/components/search/v4/SearchV4.vue2.js

@@ -0,0 +1,60 @@
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_63f11472_lang.css"; import { defineComponent as m, openBlock as f, createElementBlock as p, unref as t, createVNode as l, withCtx as h, withDirectives as V, createElementVNode as x, vShow as I } from "vue";
+import s from "../../icon/v4/IconV4.vue.js";
+import { SearchTestIdModifiers as n } from "../../../testids/index.js";
+import { searchCommon as v } from "../common/Search.common.js";
+import b from "../../input/v4/TextField.vue.js";
+const B = ["data-testid"], N = /* @__PURE__ */ m({
+  __name: "SearchV4",
+  props: {
+    modelValue: null,
+    placeholder: null,
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    autoFocus: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: c, emit: d }) {
+    const u = e, { inputRef: i, clearValue: r } = v(u, d);
+    return c({
+      inputRef: i
+    }), (C, a) => (f(), p("div", {
+      class: "search-container",
+      "data-testid": `${e.testId}-${t(n).CONTAINER}`
+    }, [
+      l(t(b), {
+        ref_key: "inputRef",
+        ref: i,
+        "model-value": e.modelValue,
+        "icon-before-name": "search",
+        "auto-focus": e.autoFocus,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        "test-id": `${e.testId}-${t(n).FIELD}`,
+        "onUpdate:modelValue": a[0] || (a[0] = (o) => d("update:modelValue", o))
+      }, {
+        iconBefore: h(() => [
+          l(t(s), {
+            name: "magnifying-glass",
+            size: "16px"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
+      V(x("div", {
+        class: "x-circle-wrapper",
+        onClick: a[1] || (a[1] = //@ts-ignore
+        (...o) => t(r) && t(r)(...o))
+      }, [
+        l(t(s), {
+          name: "x-circle",
+          size: "16px"
+        })
+      ], 512), [
+        [I, !!e.modelValue]
+      ])
+    ], 8, B));
+  }
+});
+export {
+  N as default
+};

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

@@ -1,22 +1,10 @@
 declare const SearchTypes: () => import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"md" | "sm">;
-    } & {
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
@@ -27,29 +15,21 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<"md" | "sm">;
-    } & {
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    variant: {
-        type: import("vue").PropType<"default" | "transparent" | "inline-table">;
-    } & {
         default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
-    } & {
         default: boolean;
     };
     modelValue: {
@@ -60,13 +40,16 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    autoFocus: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: "md" | "sm";
     testId: string;
-    variant: "default" | "transparent" | "inline-table";
     disabled: boolean;
+    autoFocus: boolean;
 }>[];
 export { default as Search } from './SearchV4.vue';
 export { SearchTypes };

package/components/search/v4/index.js

@@ -0,0 +1,6 @@
+import r from "./SearchV4.vue.js";
+const o = () => [r];
+export {
+  r as Search,
+  o as SearchTypes
+};

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

@@ -36,7 +36,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/shared/FieldHelpText.vue.js

@@ -1,54 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import Icon from '../icon/v3/Icon.vue.js';
-import Typography from '../typography/v4/Typography.vue.js';
-import { FieldHelpTextTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                               */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FieldHelpText",
-  props: {
-    text: { default: "" },
-    variant: { default: null },
-    testId: { default: "" },
-    showIcon: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const iconName = computed(() => {
-      const iconsMap = {
-        warning: "warning-v4",
-        error: "warning-octagon",
-        success: "check-circle"
-      };
-      return props.variant ? iconsMap[props.variant] : "info-v4";
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["field-help", [`field-help--${__props.variant}`]]),
-        "data-testid": `${__props.testId}-${unref(FieldHelpTextTestIdModifiers).CONTAINER}`
-      }, [
-        __props.showIcon ? (openBlock(), createBlock(unref(Icon), {
-          key: 0,
-          class: "help-icon",
-          name: unref(iconName),
-          "font-size": "sm",
-          "data-testid": `${__props.testId}-${unref(FieldHelpTextTestIdModifiers).ICON}`
-        }, null, 8, ["name", "data-testid"])) : createCommentVNode("", true),
-        createVNode(unref(Typography), {
-          variant: "caption",
-          "data-testid": `${__props.testId}-${unref(FieldHelpTextTestIdModifiers).TEXT}`
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.text), 1)
-          ]),
-          _: 1
-        }, 8, ["data-testid"])
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var FieldHelpText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09631350"]]);
-
-export { FieldHelpText as default };
+import e from "./FieldHelpText.vue2.js";
+/* empty css                    */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_d5507827_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-d5507827"]]);
+export {
+  s as default
+};

package/components/shared/FieldHelpText.vue2.js

@@ -0,0 +1,47 @@
+ import "../../FieldHelpText.vue_vue_type_style_index_0_scoped_d5507827_lang.css"; import { defineComponent as r, computed as c, openBlock as i, createElementBlock as s, normalizeClass as l, unref as e, createBlock as m, createCommentVNode as f, createVNode as u, withCtx as p, createTextVNode as h, toDisplayString as I } from "vue";
+import v from "../icon/v3/Icon.vue.js";
+import x from "../typography/v4/Typography.vue.js";
+import { FieldHelpTextTestIdModifiers as a } from "../../testids/index.js";
+const T = ["data-testid"], k = /* @__PURE__ */ r({
+  __name: "FieldHelpText",
+  props: {
+    text: { default: "" },
+    variant: { default: null },
+    testId: { default: "" },
+    showIcon: { type: Boolean, default: !0 }
+  },
+  setup(t) {
+    const n = t, d = c(() => {
+      const o = {
+        warning: "warning-v4",
+        error: "warning-octagon",
+        success: "check-circle"
+      };
+      return n.variant ? o[n.variant] : "info-v4";
+    });
+    return (o, N) => (i(), s("div", {
+      class: l(["field-help", [`field-help--${t.variant}`]]),
+      "data-testid": `${t.testId}-${e(a).CONTAINER}`
+    }, [
+      t.showIcon ? (i(), m(e(v), {
+        key: 0,
+        class: "help-icon",
+        name: e(d),
+        "font-size": "sm",
+        "data-testid": `${t.testId}-${e(a).ICON}`
+      }, null, 8, ["name", "data-testid"])) : f("", !0),
+      u(e(x), {
+        variant: "caption",
+        "data-testid": `${t.testId}-${e(a).TEXT}`
+      }, {
+        default: p(() => [
+          h(I(t.text), 1)
+        ]),
+        _: 1
+      }, 8, ["data-testid"])
+    ], 10, T));
+  }
+});
+export {
+  k as default
+};

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

@@ -46,7 +46,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/shared/FieldLabel.vue.js

@@ -1,70 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode } from 'vue';
-import Icon from '../icon/v3/Icon.vue.js';
-import _sfc_main$1 from '../tooltip/Tooltip.vue.js';
-import Typography from '../typography/v4/Typography.vue.js';
-import { FieldLabelTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../FieldLabel.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FieldLabel",
-  props: {
-    label: { default: "" },
-    mandatory: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false },
-    hoverHelpText: { default: "" },
-    hoverHelpTextPlacement: { default: "top" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["field-label", { "field-label--disabled": __props.disabled }]),
-        "data-testid": `${__props.testId}-${unref(FieldLabelTestIdModifiers).CONTAINER}`
-      }, [
-        createVNode(unref(Typography), {
-          class: "label",
-          variant: "inputLabel",
-          "data-testid": `${__props.testId}-${unref(FieldLabelTestIdModifiers).TEXT}`
-        }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(__props.label), 1)
-          ]),
-          _: 1
-        }, 8, ["data-testid"]),
-        __props.mandatory ? (openBlock(), createBlock(unref(Typography), {
-          key: 0,
-          variant: "h3",
-          class: "mandatory",
-          "data-testid": `${__props.testId}-${unref(FieldLabelTestIdModifiers).MANDATORY}`
-        }, {
-          default: withCtx(() => [
-            createTextVNode("*")
-          ]),
-          _: 1
-        }, 8, ["data-testid"])) : createCommentVNode("", true),
-        __props.hoverHelpText ? (openBlock(), createBlock(unref(_sfc_main$1), {
-          key: 1,
-          triggers: ["hover"],
-          text: __props.hoverHelpText,
-          placement: __props.hoverHelpTextPlacement,
-          "data-testid": `${__props.testId}-${unref(FieldLabelTestIdModifiers).TOOLTIP}`,
-          "test-id": __props.testId
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(Icon), {
-              class: "info-icon",
-              name: "question",
-              "font-size": "sm"
-            })
-          ]),
-          _: 1
-        }, 8, ["text", "placement", "data-testid", "test-id"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var FieldLabel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5cc9cf9a"]]);
-
-export { FieldLabel as default };
+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_90f19704_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-90f19704"]]);
+export {
+  p as default
+};

package/components/shared/FieldLabel.vue2.js

@@ -0,0 +1,65 @@
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_90f19704_lang.css"; import { defineComponent as m, openBlock as d, createElementBlock as f, normalizeClass as c, unref as t, createVNode as i, withCtx as l, createTextVNode as o, toDisplayString as u, createBlock as s, createCommentVNode as n } from "vue";
+import T from "../icon/v3/Icon.vue.js";
+import "../tooltip/Tooltip.vue2.js";
+import r from "../typography/v4/Typography.vue.js";
+import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
+import b from "../tooltip/Tooltip.vue.js";
+const h = ["data-testid"], B = /* @__PURE__ */ m({
+  __name: "FieldLabel",
+  props: {
+    label: { default: "" },
+    mandatory: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    hoverHelpText: { default: "" },
+    hoverHelpTextPlacement: { default: "top" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    return (x, y) => (d(), f("div", {
+      class: c(["field-label", { "field-label--disabled": e.disabled }]),
+      "data-testid": `${e.testId}-${t(a).CONTAINER}`
+    }, [
+      i(t(r), {
+        class: "label",
+        variant: "inputLabel",
+        "data-testid": `${e.testId}-${t(a).TEXT}`
+      }, {
+        default: l(() => [
+          o(u(e.label), 1)
+        ]),
+        _: 1
+      }, 8, ["data-testid"]),
+      e.mandatory ? (d(), s(t(r), {
+        key: 0,
+        variant: "h3",
+        class: "mandatory",
+        "data-testid": `${e.testId}-${t(a).MANDATORY}`
+      }, {
+        default: l(() => [
+          o("*")
+        ]),
+        _: 1
+      }, 8, ["data-testid"])) : n("", !0),
+      e.hoverHelpText ? (d(), s(t(b), {
+        key: 1,
+        triggers: ["hover"],
+        text: e.hoverHelpText,
+        placement: e.hoverHelpTextPlacement,
+        "data-testid": `${e.testId}-${t(a).TOOLTIP}`,
+        "test-id": e.testId
+      }, {
+        default: l(() => [
+          i(t(T), {
+            class: "info-icon",
+            name: "question",
+            "font-size": "sm"
+          })
+        ]),
+        _: 1
+      }, 8, ["text", "placement", "data-testid", "test-id"])) : n("", !0)
+    ], 10, h));
+  }
+});
+export {
+  B as default
+};

package/components/skeleton/Skeleton.vue.d.ts

@@ -1,10 +1,12 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     round?: boolean;
     fill?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     round?: boolean;
     fill?: boolean;
-}>>>, {}>;
+}>>>, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -15,3 +17,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};