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

package/components/typography/Text.vue.js

@@ -1,32 +1,7 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { TextTestIdModifiers } from '../../testids/index.vue.js';
-/* 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 _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Text",
-  props: {
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean },
-    size: { default: "md" },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const sizeClass = computed(() => {
-      return `text-size-${props.size}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["text", { strong: __props.strong, [unref(sizeClass)]: true, truncate: __props.isTruncated }]),
-        "data-testid": `${__props.testId}-${unref(TextTestIdModifiers).TEXT}`
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6659fd26"]]);
-
-export { Text as default };
+import o from "./Text.vue2.js";
+/* empty css           */import e from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-94bd409b"]]);
+export {
+  p as default
+};

package/components/typography/Text.vue2.js

@@ -0,0 +1,23 @@
+ import "../../Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css"; import { defineComponent as r, computed as a, openBlock as d, createElementBlock as i, normalizeClass as c, unref as e, renderSlot as l } from "vue";
+import { TextTestIdModifiers as u } from "../../testids/index.js";
+const m = ["data-testid"], x = /* @__PURE__ */ r({
+  __name: "Text",
+  props: {
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean },
+    size: { default: "md" },
+    testId: { default: "" }
+  },
+  setup(t) {
+    const s = t, o = a(() => `text-size-${s.size}`);
+    return (n, f) => (d(), i("span", {
+      class: c(["text", { strong: t.strong, [e(o)]: !0, truncate: t.isTruncated }]),
+      "data-testid": `${t.testId}-${e(u).TEXT}`
+    }, [
+      l(n.$slots, "default", {}, void 0, !0)
+    ], 10, m));
+  }
+});
+export {
+  x as default
+};

package/components/typography/index.d.ts

@@ -1,72 +1,222 @@
-declare const TypographyTypes: () => (import("vue").DefineComponent<{
-    level: {
-        type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
+declare const TypographyTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+            testId: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "level" | "testId">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            level: {
+                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+            testId: string;
+        }, {}, 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<{
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+        level: {
+            type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     isTruncated: {
         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<{
     level: {
         type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
-}> | import("vue").DefineComponent<{
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            size: "caption" | "sm" | "md" | "lg" | "xs";
+            testId: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            strong: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+                default: string;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "testId">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            strong: {
+                type: import("vue").PropType<boolean>;
+            };
+            size: {
+                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+                default: string;
+            };
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            size: "caption" | "sm" | "md" | "lg" | "xs";
+            testId: string;
+        }, {}, 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<{
+        strong: {
+            type: import("vue").PropType<boolean>;
+        };
+        size: {
+            type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+            default: string;
+        };
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     strong: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"caption" | "md" | "sm" | "lg" | "xs">;
-    } & {
-        default: string;
-    };
-    testId: {
-        type: import("vue").PropType<string>;
-    } & {
+        type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
         default: string;
     };
     isTruncated: {
         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<"caption" | "md" | "sm" | "lg" | "xs">;
-    } & {
-        default: string;
-    };
     testId: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {
-    size: "caption" | "md" | "sm" | "lg" | "xs";
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: "caption" | "sm" | "md" | "lg" | "xs";
     testId: string;
-}>)[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';
 export { TypographyTypes };

package/components/typography/index.js

@@ -0,0 +1,8 @@
+import o from "./Heading.vue.js";
+import p from "./Text.vue.js";
+const e = () => [o, p];
+export {
+  o as Heading,
+  p as Text,
+  e as TypographyTypes
+};

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

@@ -1,9 +1,9 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<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?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "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<{
@@ -11,11 +11,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * 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?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "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';
+    variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+}>, {
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -28,7 +30,15 @@ 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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
 };

package/components/typography/v4/Typography.vue.js

@@ -1,68 +1,7 @@
-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 "../../../Typography.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Typography",
-  props: {
-    isTruncated: { type: Boolean },
-    variant: { default: "body1" }
-  },
-  setup(__props) {
-    const props = __props;
-    const variantToClassMap = {
-      title: "font-title",
-      h1: "font-heading-1",
-      h2: "font-heading-2",
-      h3: "font-heading-3",
-      h4: "font-heading-4",
-      h5: "font-heading-5",
-      h6: "font-heading-6",
-      body1: "font-body-1",
-      body2: "font-body-2",
-      subtitle1: "font-subtitle-1",
-      subtitle2: "font-subtitle-2",
-      button: "font-button",
-      caption: "font-caption",
-      tableLabel: "font-table-label",
-      inputLabel: "font-input-label",
-      tabLabel1: "font-tab-label1",
-      tabLabel2: "font-tab-label2",
-      chipLabel: "font-chip-label",
-      chart1: "font-chart-1",
-      chart2: "font-chart-2",
-      overline: "font-overline"
-    };
-    const tag = computed(() => {
-      switch (props.variant) {
-        case "title":
-          return "h1";
-        case "h1":
-        case "h2":
-        case "h3":
-        case "h4":
-        case "h5":
-        case "h6":
-          return props.variant;
-        default:
-          return "span";
-      }
-    });
-    const fontClass = computed(() => {
-      return variantToClassMap[props.variant];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
-        class: normalizeClass({ [unref(fontClass)]: true, truncate: __props.isTruncated })
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 8, ["class"]);
-    };
-  }
-});
-var Typography = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fac69a9c"]]);
-
-export { Typography as default };
+import o from "./Typography.vue2.js";
+/* empty css                 */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Typography.vue_vue_type_style_index_0_scoped_94f65484_lang.css"; //*');
+const t = /* @__PURE__ */ p(o, [["__scopeId", "data-v-94f65484"]]);
+export {
+  t as default
+};

package/components/typography/v4/Typography.vue2.js

@@ -0,0 +1,58 @@
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_94f65484_lang.css"; import { defineComponent as i, computed as a, openBlock as c, createBlock as f, resolveDynamicComponent as h, unref as n, normalizeClass as b, withCtx as u, renderSlot as d } from "vue";
+const v = /* @__PURE__ */ i({
+  __name: "Typography",
+  props: {
+    isTruncated: { type: Boolean },
+    variant: { default: "body1" }
+  },
+  setup(e) {
+    const t = e, o = {
+      title: "font-title",
+      h1: "font-heading-1",
+      h2: "font-heading-2",
+      h3: "font-heading-3",
+      h4: "font-heading-4",
+      h5: "font-heading-5",
+      h6: "font-heading-6",
+      body1: "font-body-1",
+      body2: "font-body-2",
+      subtitle1: "font-subtitle-1",
+      subtitle2: "font-subtitle-2",
+      button: "font-button",
+      caption: "font-caption",
+      tableLabel: "font-table-label",
+      inputLabel: "font-input-label",
+      tabLabel1: "font-tab-label1",
+      tabLabel2: "font-tab-label2",
+      chipLabel: "font-chip-label",
+      chart1: "font-chart-1",
+      chart2: "font-chart-2",
+      overline: "font-overline"
+    }, l = a(() => {
+      switch (t.variant) {
+        case "title":
+          return "h1";
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return t.variant;
+        default:
+          return "span";
+      }
+    }), r = a(() => o[t.variant]);
+    return (s, p) => (c(), f(h(n(l)), {
+      class: b({ [n(r)]: !0, truncate: e.isTruncated })
+    }, {
+      default: u(() => [
+        d(s.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  v as default
+};

package/components/typography/v4/TypographyTypes.d.ts

@@ -0,0 +1,2 @@
+export declare const TYPOGRAPHY_VARIANT_OPTIONS: readonly ["title", "h1", "h2", "h3", "h4", "h5", "h6", "body1", "body2", "subtitle1", "subtitle2", "button", "caption", "tableLabel", "inputLabel", "tabLabel1", "tabLabel2", "chipLabel", "chart1", "chart2", "overline"];
+export type TypographyVariant = (typeof TYPOGRAPHY_VARIANT_OPTIONS)[number];

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

@@ -1,23 +1,87 @@
-declare const TypographyTypesV4: () => import("vue").DefineComponent<{
+declare const TypographyTypesV4: () => ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline">;
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isTruncated: {
+                type: import("vue").PropType<boolean>;
+            };
+            variant: {
+                type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline">;
+                default: string;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+        }, {}, 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<{
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+        variant: {
+            type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline">;
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
     variant: {
         type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline">;
-    } & {
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    isTruncated: {
-        type: import("vue").PropType<boolean>;
-    };
-    variant: {
-        type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline">;
-    } & {
-        default: string;
-    };
-}>>, {
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
-}>[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}))[];
 export { default as Typography } from './Typography.vue';
 export { TypographyTypesV4 };

package/components/typography/v4/index.js

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