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

package/components/typography/index.d.ts

@@ -1,222 +1,72 @@
-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<{
+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;
+    };
     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;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
+}>>, {
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
     testId: string;
-}, {}, 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<{
+}> | import("vue").DefineComponent<{
     strong: {
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+        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>;
     };
+}, {}, 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;
     };
-}>>, {}, 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;
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
     };
-})))[];
+}>>, {
+    size: "caption" | "md" | "sm" | "lg" | "xs";
+    testId: string;
+}>)[];
 export { default as Heading } from './Heading.vue';
 export { default as Text } from './Text.vue';
 export { TypographyTypes };

package/components/typography/index.vue.js

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

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

@@ -1,9 +1,9 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     /**
      * Typography variant to use
      */
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+    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<{
@@ -11,13 +11,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Typography variant to use
      */
-    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+    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: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
-}>, {
-    default?(_: {}): any;
+    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;
@@ -30,15 +28,7 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? 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;
-    };
+    } : P[K];
 };

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

@@ -0,0 +1,68 @@
+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 };

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

@@ -1,87 +1,23 @@
-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<{
+declare const TypographyTypesV4: () => import("vue").DefineComponent<{
     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;
+}, {}, 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;
     };
-}))[];
+}>>, {
+    variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+}>[];
 export { default as Typography } from './Typography.vue';
 export { TypographyTypesV4 };

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

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

package/composables/index.d.ts

@@ -1,3 +1,4 @@
 export * from './useToggle';
 export * from './useSearch';
 export * from './useId';
+export * from './useStorage';

package/composables/useId.vue.js

@@ -1,14 +1,15 @@
-import { inject as n, computed as o, unref as r } from "vue";
-const c = {
+import { inject, computed, unref } from 'vue';
+
+const defaultIdInjection = {
   prefix: Math.floor(Math.random() * 1e4),
   current: 0
-}, i = Symbol("elIdInjection"), d = (t) => {
-  const e = n(i, c);
-  return o(
-    () => r(t) || `el-id-${e.prefix}-${e.current++}`
-  );
 };
-export {
-  i as ID_INJECTION_KEY,
-  d as useId
+const ID_INJECTION_KEY = Symbol("elIdInjection");
+const useId = (deterministicId) => {
+  const idInjection = inject(ID_INJECTION_KEY, defaultIdInjection);
+  return computed(
+    () => unref(deterministicId) || `el-id-${idInjection.prefix}-${idInjection.current++}`
+  );
 };
+
+export { ID_INJECTION_KEY, useId };

package/composables/useIsFocusVisible.vue.js

@@ -1,26 +1,34 @@
-import { ref as o } from "vue";
-function t(e) {
-  const { target: s } = e;
+import { ref } from 'vue';
+
+function isFocusVisible(event) {
+  const { target } = event;
   try {
-    return s.matches(":focus-visible");
-  } catch {
+    return target.matches(":focus-visible");
+  } catch (error) {
     console.info("browser does not support focus-visible");
   }
 }
-function n() {
-  const e = o(!1);
-  function s() {
-    return e.value ? (e.value = !1, !0) : !1;
+function useIsFocusVisible() {
+  const isFocusVisibleRef = ref(false);
+  function handleBlurVisible() {
+    if (isFocusVisibleRef.value) {
+      isFocusVisibleRef.value = false;
+      return true;
+    }
+    return false;
   }
-  function r(u) {
-    return t(u) ? (e.value = !0, !0) : !1;
+  function handleFocusVisible(event) {
+    if (isFocusVisible(event)) {
+      isFocusVisibleRef.value = true;
+      return true;
+    }
+    return false;
   }
   return {
-    isFocusVisibleRef: e,
-    onFocus: r,
-    onBlur: s
+    isFocusVisibleRef,
+    onFocus: handleFocusVisible,
+    onBlur: handleBlurVisible
   };
 }
-export {
-  n as default
-};
+
+export { useIsFocusVisible as default };

package/composables/useSearch.vue.js

@@ -1,15 +1,18 @@
-import { computed as n } from "vue";
-function u({
-  searchAttribute: r
+import { computed } from 'vue';
+
+function useSearch({
+  searchAttribute
 }) {
-  return n(() => (e, t) => {
-    try {
-      return e[r].search(new RegExp(t, "i")) >= 0;
-    } catch {
-      return !1;
-    }
+  const onSearch = computed(() => {
+    return (option, query) => {
+      try {
+        return option[searchAttribute].search(new RegExp(query, "i")) >= 0;
+      } catch {
+        return false;
+      }
+    };
   });
+  return onSearch;
 }
-export {
-  u as useSearch
-};
+
+export { useSearch };

package/composables/useStorage.d.ts

@@ -0,0 +1,5 @@
+export declare enum StorageType {
+    LocalStorage = 0,
+    SessionStorage = 1
+}
+export declare function useStorage(key: string, type?: StorageType, val?: any): any;