@ironsource/shared-ui 1.4.3 → 2.0.0-rc.1

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

@@ -0,0 +1,51 @@
+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;
+}>, {
+    variant: string;
+    size: string;
+    disabled: boolean;
+    testId: string;
+}>, {
+    inputRef: import("vue").Ref<HTMLInputElement>;
+}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+    placeholder: string;
+    variant?: 'default' | 'inline-table' | 'transparent';
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    testId?: string;
+}>, {
+    variant: string;
+    size: string;
+    disabled: boolean;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    size: 'sm' | 'md';
+    testId: string;
+    variant: 'default' | 'inline-table' | 'transparent';
+    disabled: boolean;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1,70 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
+import Icon from '../../icon/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-2c679efe"]]);
+
+export { Search as default };

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

@@ -0,0 +1,72 @@
+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: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {
+    inputRef: import("vue").Ref<HTMLInputElement>;
+}, 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">;
+    } & {
+        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: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (value: string) => any;
+}, {
+    size: "md" | "sm";
+    testId: string;
+    variant: "default" | "transparent" | "inline-table";
+    disabled: boolean;
+}>[];
+export { default as Search } from './SearchV4.vue';
+export { SearchTypes };

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

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

package/components/snackbar/Snackbar.vue.d.ts

@@ -46,8 +46,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
-    title: string;
     type: 'success' | 'error' | 'info';
+    title: string;
     position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     zIndex: number;
     duration: number;

package/components/snackbar/Snackbar.vue.js

@@ -3,10 +3,11 @@ import { useEventListener, useTimeoutFn } from '@vueuse/core';
 import Icon from '../icon/Icon.vue.js';
 import Close from '../icon/icons/Close.vue.js';
 import Check from '../icon/icons/Check.vue.js';
-import IconButton from '../button/IconButton.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 IconButton from '../button/v3/IconButton.vue.js';
+/* empty css                                                                               */import 'floating-vue';
+/* empty css                                                      *//* empty css                                                                         *//* empty css                                                          */
 import "../../Snackbar.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "container" };
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   [vShow, __props.message]
                 ])
               ]),
-              __props.showClose ? (openBlock(), createBlock(IconButton, {
+              __props.showClose ? (openBlock(), createBlock(unref(IconButton), {
                 key: 0,
                 theme: "third",
                 size: "sm",
@@ -176,6 +177,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-764ab56b"]]);
+var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fdd11e8e"]]);
 
 export { SnackbarConstructor as default };

package/components/switch/{Switch.vue.js → v3/Switch.vue.js}

@@ -1,10 +1,10 @@
 import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { useVModel } from '@vueuse/core';
-import Text from '../typography/Text.vue.js';
-import { SwitchTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../../typography/Text.vue.js';
+import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
 
-import "../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
+import "../../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
 const _hoisted_1 = ["data-testid"];
 const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -82,6 +82,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a16f3a6"]]);
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0266f48c"]]);
 
 export { Switch as default };

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

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: string[];
+    modelValue: string;
+    size?: 'sm' | 'lg';
+    testId?: string;
+}>, {
+    size: string;
+    testId: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    options: string[];
+    modelValue: string;
+    size?: 'sm' | 'lg';
+    testId?: string;
+}>, {
+    size: string;
+    testId: string;
+}>>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: 'sm' | 'lg';
+    testId: string;
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1,87 @@
+import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { useVModel } from '@vueuse/core';
+import Text from '../../typography/Text.vue.js';
+import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
+/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SwitchV4",
+  props: {
+    options: null,
+    modelValue: null,
+    size: { default: "lg" },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const box = ref(null);
+    const data = useVModel(props, "modelValue", emit);
+    const optionsRefs = ref([]);
+    const skipUnwrap = { optionsRefs };
+    const selected = ref();
+    const selectedPosition = computed(() => {
+      return {
+        left: optionsRefs.value[selected.value]?.offsetLeft,
+        width: optionsRefs.value[selected.value]?.offsetWidth
+      };
+    });
+    onMounted(() => {
+      selected.value = props.options.findIndex(
+        (option) => option === props.modelValue
+      );
+    });
+    const onClick = (option, index) => {
+      selected.value = index;
+      data.value = option;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }]),
+        "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).WRAPPER}`
+      }, [
+        createElementVNode("span", {
+          ref_key: "box",
+          ref: box,
+          class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
+          style: normalizeStyle({
+            transform: `translateX(${unref(selectedPosition)?.left}px)`,
+            width: unref(selectedPosition)?.width + "px"
+          })
+        }, null, 6),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+          return openBlock(), createElementBlock("button", {
+            ref_for: true,
+            ref: skipUnwrap.optionsRefs,
+            key: index,
+            "aria-label": option,
+            class: normalizeClass([{ "option--selected": selected.value === index }, "option"]),
+            "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).BUTTON}`,
+            onClick: ($event) => onClick(option, index)
+          }, [
+            renderSlot(_ctx.$slots, "default", {
+              option,
+              selected: selected.value === index
+            }, () => [
+              createVNode(Text, {
+                size: "caption",
+                "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).TEXT}`
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(option), 1)
+                ]),
+                _: 2
+              }, 1032, ["data-testid"])
+            ], true)
+          ], 10, _hoisted_2);
+        }), 128))
+      ], 10, _hoisted_1);
+    };
+  }
+});
+var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0bfee819"]]);
+
+export { Switch as default };

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

@@ -0,0 +1,46 @@
+declare const SwitchTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    options: {
+        type: import("vue").PropType<string[]>;
+        required: true;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    size: "sm" | "lg";
+    testId: string;
+}>[];
+export { default as Switch } from './SwitchV4.vue';
+export { SwitchTypes };

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

@@ -0,0 +1,6 @@
+import Switch from './SwitchV4.vue.js';
+export { default as Switch } from './SwitchV4.vue.js';
+
+const SwitchTypes = () => [Switch];
+
+export { SwitchTypes };

package/components/table/Table.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, useCssVars, unref, ref, provide, computed, useSlots, o
 import { TableTestIdModifiers } from '../../testids/index.vue.js';
 /* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
 import Text from '../typography/Text.vue.js';
-/* empty css                                                            *//* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    */import ScrollButton from '../button/ScrollButton.vue.js';
+/* empty css                                                            *//* empty css                                                                   *//* empty css                                                                           *//* empty css                                                                       */import ScrollButton from '../button/v3/ScrollButton.vue.js';
 import Skeleton from '../skeleton/Skeleton.vue.js';
 import EmptyState from '../emptyState/EmptyState.vue.js';
 import TableHeaderSorter from './TableHeaderSorter.vue.js';
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "7bbb8810": unref(gridColumnTemplate)
+      "64720abd": unref(gridColumnTemplate)
     }));
     const savingRows = ref([]);
     provide(TableContext, {
@@ -363,6 +363,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91b0dc76"]]);
+var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37cabae5"]]);
 
 export { Table as default };

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

@@ -84,6 +84,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5bc75a92"]]);
+var Editable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-73de8e4d"]]);
 
 export { Editable as default };

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

@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>>, {
     header: string;
     text: string;
-    testId: string;
     theme: string;
+    testId: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/tooltip/index.d.ts

@@ -9,12 +9,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -55,12 +55,12 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
     } & {
         default: any;
     };
-    testId: {
+    theme: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
     };
-    theme: {
+    testId: {
         type: import("vue").PropType<string>;
     } & {
         default: string;
@@ -93,8 +93,8 @@ declare const TooltipTypes: () => import("vue").DefineComponent<{
 }>>, {
     header: string;
     text: string;
-    testId: string;
     theme: string;
+    testId: string;
     delay: number;
     triggers: ("hover" | "click" | "focus" | "touch")[];
     forceShowWithTruncate: boolean;

package/components/typography/index.d.ts

@@ -30,14 +30,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
 }> | import("vue").DefineComponent<{
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
     } & {
         default: string;
     };
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -47,14 +47,14 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    strong: {
+        type: import("vue").PropType<boolean>;
+    };
     size: {
-        type: import("vue").PropType<"md" | "sm" | "lg" | "caption" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
     } & {
         default: string;
     };
-    strong: {
-        type: import("vue").PropType<boolean>;
-    };
     testId: {
         type: import("vue").PropType<string>;
     } & {
@@ -64,7 +64,7 @@ declare const TypographyTypes: () => (import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
     };
 }>>, {
-    size: "md" | "sm" | "lg" | "caption" | "xs";
+    size: "caption" | "md" | "sm" | "lg" | "xs";
     testId: string;
 }>)[];
 export { default as Heading } from './Heading.vue';

package/components/typography/v4/Typography.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isTruncated?: boolean;
+    /**
+     * Typography variant to use
+     */
+    variant?: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableLabel' | 'inputLabel' | 'tabLabel1' | 'tabLabel2' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
+}>, {
+    variant: 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<{
+    isTruncated?: boolean;
+    /**
+     * Typography variant to use
+     */
+    variant?: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableLabel' | 'inputLabel' | 'tabLabel1' | 'tabLabel2' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
+}>, {
+    variant: string;
+}>>>, {
+    variant: 'title' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'button' | 'caption' | 'tableLabel' | 'inputLabel' | 'tabLabel1' | 'tabLabel2' | 'chipLabel' | 'chart1' | 'chart2' | 'overline';
+}>;
+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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};