@ironsource/shared-ui 2.1.12-rc.9 → 2.1.12-test.2

package/components/typography/index.d.ts

@@ -1,72 +1,27 @@
 declare const TypographyTypes: () => (({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            testId: string;
-            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-            level: {
-                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-                default: string;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "level">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
         };
-        $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<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-            level: {
-                type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            testId: string;
-            level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-        }, {}, 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)[];
+        level: {
+            type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
+            default: string;
         };
-        $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<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        testId: string;
+        level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -78,7 +33,10 @@ declare const TypographyTypes: () => (({
             type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
             default: string;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        testId: string;
+        level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -94,88 +52,40 @@ declare const TypographyTypes: () => (({
         type: import("vue").PropType<"label" | "1" | "2" | "3" | "4" | "5" | "6">;
         default: string;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
     level: "label" | "1" | "2" | "3" | "4" | "5" | "6";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 })) | ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            testId: string;
-            size: "caption" | "sm" | "md" | "lg" | "xs";
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            strong: {
-                type: import("vue").PropType<boolean>;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-            size: {
-                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
-                default: string;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "size">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        strong: {
+            type: import("vue").PropType<boolean>;
         };
-        $refs: {
-            [x: string]: unknown;
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $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>;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-            size: {
-                type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
-                default: string;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            testId: string;
-            size: "caption" | "sm" | "md" | "lg" | "xs";
-        }, {}, 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)[];
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
+        };
+        size: {
+            type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
+            default: string;
         };
-        $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<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        testId: string;
+        size: "caption" | "md" | "sm" | "xs" | "lg";
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         strong: {
             type: import("vue").PropType<boolean>;
         };
@@ -187,10 +97,13 @@ declare const TypographyTypes: () => (({
             type: import("vue").PropType<boolean>;
         };
         size: {
-            type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+            type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
             default: string;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        testId: string;
+        size: "caption" | "md" | "sm" | "xs" | "lg";
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -206,13 +119,13 @@ declare const TypographyTypes: () => (({
         type: import("vue").PropType<boolean>;
     };
     size: {
-        type: import("vue").PropType<"caption" | "sm" | "md" | "lg" | "xs">;
+        type: import("vue").PropType<"caption" | "md" | "sm" | "xs" | "lg">;
         default: string;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     testId: string;
-    size: "caption" | "sm" | "md" | "lg" | "xs";
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    size: "caption" | "md" | "sm" | "xs" | "lg";
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     withTooltip?: boolean;
     tooltipText?: string;
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipText: string;
     tooltipPlacement: string;
     tooltipTestId: 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<{
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isTruncated?: boolean;
     withTooltip?: boolean;
     tooltipText?: string;
@@ -30,13 +30,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tooltipText: string;
     tooltipPlacement: string;
     tooltipTestId: string;
-}>>>, {
+}>>> & Readonly<{}>, {
     variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
     withTooltip: boolean;
     tooltipText: string;
     tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     tooltipTestId: string;
-}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -1,7 +1,7 @@
- import "../../../Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css"; import { defineComponent as v, ref as f, computed as d, openBlock as o, createBlock as i, unref as a, withCtx as s, resolveDynamicComponent as h, normalizeClass as b, renderSlot as p } from "vue";
+ import "../../../Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css"; import { defineComponent as v, ref as u, computed as f, openBlock as o, createBlock as n, unref as m, withCtx as i, resolveDynamicComponent as d, normalizeClass as c, renderSlot as p } from "vue";
 import y from "../../tooltip/v4/TooltipV4.vue.js";
 import { useResizeObserver as T } from "@vueuse/core";
-const L = /* @__PURE__ */ v({
+const w = /* @__PURE__ */ v({
   __name: "Typography",
   props: {
     isTruncated: { type: Boolean },
@@ -11,8 +11,8 @@ const L = /* @__PURE__ */ v({
     tooltipTestId: { default: "" },
     variant: { default: "body1" }
   },
-  setup(t) {
-    const l = t, e = f(null), n = f(!1), m = {
+  setup(h) {
+    const e = u(null), a = u(!1), b = {
       title: "font-title",
       h1: "font-heading-1",
       h2: "font-heading-2",
@@ -34,7 +34,7 @@ const L = /* @__PURE__ */ v({
       chart1: "font-chart-1",
       chart2: "font-chart-2",
       overline: "font-overline"
-    }, r = d(() => {
+    }, l = h, s = f(() => {
       switch (l.variant) {
         case "title":
           return "h1";
@@ -48,44 +48,44 @@ const L = /* @__PURE__ */ v({
         default:
           return "span";
       }
-    }), u = d(() => m[l.variant]);
+    }), r = f(() => b[l.variant]);
     return T(e, () => {
       if (!e.value)
-        return n.value = !1;
-      n.value = // Note: These values are rounded which can make edge cases sometimes
+        return a.value = !1;
+      a.value = // Note: These values are rounded which can make edge cases sometimes
       e.value.scrollWidth > e.value.clientWidth;
-    }), (c, g) => t.withTooltip && t.isTruncated ? (o(), i(a(y), {
+    }), (t, g) => t.withTooltip && t.isTruncated ? (o(), n(m(y), {
       key: 0,
       placement: t.tooltipPlacement,
-      disabled: !n.value,
+      disabled: !a.value,
       text: t.tooltipText,
       class: "typography-tooltip",
       "test-id": t.tooltipTestId
     }, {
-      default: s(() => [
-        (o(), i(h(a(r)), {
+      default: i(() => [
+        (o(), n(d(s.value), {
           ref_key: "textElement",
           ref: e,
-          class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
+          class: c(["antialiased", { [r.value]: !0, truncate: t.isTruncated }])
         }, {
-          default: s(() => [
-            p(c.$slots, "default", {}, void 0, !0)
+          default: i(() => [
+            p(t.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         }, 8, ["class"]))
       ]),
       _: 3
-    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), i(h(a(r)), {
+    }, 8, ["placement", "disabled", "text", "test-id"])) : (o(), n(d(s.value), {
       key: 1,
-      class: b(["antialiased", { [a(u)]: !0, truncate: t.isTruncated }])
+      class: c(["antialiased", { [r.value]: !0, truncate: t.isTruncated }])
     }, {
-      default: s(() => [
-        p(c.$slots, "default", {}, void 0, !0)
+      default: i(() => [
+        p(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
 });
 export {
-  L as default
+  w as default
 };

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

@@ -1,102 +1,42 @@
 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";
-            withTooltip: boolean;
-            tooltipText: string;
-            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            tooltipTestId: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            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;
-            };
-            withTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            tooltipText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            tooltipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            tooltipTestId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "withTooltip" | "tooltipText" | "tooltipPlacement" | "tooltipTestId">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        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;
+        };
+        withTooltip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
         };
-        $refs: {
-            [x: string]: unknown;
+        tooltipTestId: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
-        $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<{
-            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;
-            };
-            withTooltip: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            tooltipText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            tooltipPlacement: {
-                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                default: string;
-            };
-            tooltipTestId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isTruncated: {
-                type: import("vue").PropType<boolean>;
-            };
-        }>>, {}, 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";
-            withTooltip: boolean;
-            tooltipText: string;
-            tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-            tooltipTestId: 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)[];
+        isTruncated: {
+            type: import("vue").PropType<boolean>;
         };
-        $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<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+        withTooltip: boolean;
+        tooltipText: string;
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        tooltipTestId: string;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
         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;
@@ -120,7 +60,13 @@ declare const TypographyTypesV4: () => ({
         isTruncated: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2" | "overline";
+        withTooltip: boolean;
+        tooltipText: string;
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+        tooltipTestId: string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -148,13 +94,13 @@ declare const TypographyTypesV4: () => ({
     isTruncated: {
         type: import("vue").PropType<boolean>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>> & Readonly<{}>, {}, {}, {}, {}, 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";
     withTooltip: boolean;
     tooltipText: string;
     tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     tooltipTestId: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/composables/useDateService.d.ts

@@ -0,0 +1,7 @@
+export type UseDateServiceResult = {
+    getRangeFromPreset: (preset: string) => {
+        from: Date;
+        to: Date;
+    };
+};
+export declare const useDateService: () => UseDateServiceResult;

package/composables/useDateService.js

@@ -0,0 +1,10 @@
+import { DateServices as r } from "../components/dateRange/common/DateServices.common.js";
+const o = () => {
+  const e = new r();
+  return {
+    getRangeFromPreset: (t) => e.getPresetsFunctions()[t]?.dates()
+  };
+};
+export {
+  o as useDateService
+};

package/composables/useFormValidation.d.ts

@@ -1,5 +1,5 @@
 import * as yup from 'yup';
-import { Ref } from 'vue';
+import { Ref, Reactive } from 'vue';
 export type ValidationErrorsType<T> = Partial<Record<keyof T, string>>;
 export type ValidationStateType<T> = {
     isValid: boolean;
@@ -11,11 +11,12 @@ export type UseFormValidationType<T> = {
     formValidationSchema: FormValidationSchemaYupType<T>;
 };
 export type UseFormValidationReponseType<T> = {
-    validationErrors: ValidationErrorsType<T>;
+    validationErrors: Reactive<ValidationErrorsType<T>>;
     isValid: Ref<boolean>;
     validate: (isReactive?: boolean) => void;
+    stopValidating: () => void;
 };
 export declare const scrollToElementByClass: (elementClass: string, index?: number) => void;
-export declare const scrollToFirstInvalidElement: <T>(validationErrors: Partial<Record<keyof T, string>>) => void;
-export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: Ref<T>) => ValidationStateType<T>;
+export declare const scrollToFirstInvalidElement: <T>(validationErrors: Reactive<Partial<Record<keyof T, string>>>) => void;
+export declare const yupValidation: <T>(schema: FormValidationSchemaYupType<T>, formState: Ref<T, T>) => ValidationStateType<T>;
 export declare const useFormValidation: <T extends object>({ formState, formValidationSchema, }: UseFormValidationType<T>) => UseFormValidationReponseType<T>;