@ironsource/shared-ui 2.0.0-rc.7 → 2.0.0-rc.9

package/components/layout/FormCard.vue.js

@@ -0,0 +1,7 @@
+import o from "./FormCard.vue2.js";
+/* empty css               */import _ from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-bb7d27f9"]]);
+export {
+  t as default
+};

package/components/layout/FormCard.vue2.js

@@ -0,0 +1,74 @@
+ import "../../FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css"; import { defineComponent as g, openBlock as v, createElementBlock as T, createElementVNode as r, mergeProps as n, unref as e, renderSlot as s, createVNode as i, withCtx as c, createTextVNode as f, toDisplayString as u, createCommentVNode as B } from "vue";
+import N from "../typography/v4/Typography.vue.js";
+import p from "../button/v4/ButtonV4.vue.js";
+import "../button/v4/IconButtonV4.vue.js";
+import { FormCardTestIdModifiers as a } from "../../testids/index.js";
+import { useTestIdAttrs as L } from "../../utils/testIds.js";
+const y = { class: "form-card" }, b = /* @__PURE__ */ g({
+  __name: "FormCard",
+  props: {
+    title: { default: "" },
+    noPadding: { type: Boolean, default: !1 },
+    actionButtons: { type: Boolean, default: !1 },
+    saveLabel: { default: "Save" },
+    cancelLabel: { default: "Cancel" },
+    saveLoading: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["save", "cancel"],
+  setup(t, { emit: m }) {
+    const o = L(t.testId, a);
+    return (d, l) => (v(), T("div", null, [
+      r("div", y, [
+        r("header", n({ class: "card-header" }, e(o)[e(a).TITLE]), [
+          s(d.$slots, "header", {}, () => [
+            i(e(N), { variant: "h3" }, {
+              default: c(() => [
+                f(u(t.title), 1)
+              ]),
+              _: 1
+            })
+          ], !0)
+        ], 16),
+        r("div", n({
+          class: ["card-content", { "card-content--no-padding": t.noPadding }]
+        }, e(o)[e(a).CONTENT]), [
+          s(d.$slots, "default", {}, void 0, !0)
+        ], 16)
+      ]),
+      t.actionButtons ? (v(), T("div", n({
+        key: 0,
+        class: "form-actions"
+      }, e(o)[e(a).ACTIONS]), [
+        s(d.$slots, "footer", {}, () => [
+          i(e(p), n({
+            class: "form-action",
+            variant: "outlined",
+            color: "default"
+          }, e(o)[e(a).CANCEL_BUTTON], {
+            onClick: l[0] || (l[0] = (C) => m("cancel"))
+          }), {
+            default: c(() => [
+              f(u(t.cancelLabel), 1)
+            ]),
+            _: 1
+          }, 16),
+          i(e(p), n({
+            class: "form-action",
+            loading: t.saveLoading
+          }, e(o)[e(a).SAVE_BUTTON], {
+            onClick: l[1] || (l[1] = (C) => m("save"))
+          }), {
+            default: c(() => [
+              f(u(t.saveLabel), 1)
+            ]),
+            _: 1
+          }, 16, ["loading"])
+        ], !0)
+      ], 16)) : B("", !0)
+    ]));
+  }
+});
+export {
+  b as default
+};

package/components/layout/index.d.ts

@@ -0,0 +1,405 @@
+import FormCard from './FormCard.vue';
+import CardPanel from './CardPanel.vue';
+import FoldableSection from './FoldableSection.vue';
+declare const FormCardTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            noPadding: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "noPadding">;
+        $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<{
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            noPadding: boolean;
+        }, {}, 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<{
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    noPadding: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            testId: string;
+            open: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:open"?: (value: boolean) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "open">;
+        $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: "update:open", value: boolean) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:open"?: (value: boolean) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:open": (value: boolean) => void;
+        }, string, {
+            title: string;
+            testId: string;
+            open: boolean;
+        }, {}, 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:open"?: (value: boolean) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:open"?: (value: boolean) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => void;
+}, string, {
+    title: string;
+    testId: string;
+    open: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            title: string;
+            testId: string;
+            noPadding: boolean;
+            actionButtons: boolean;
+            saveLabel: string;
+            cancelLabel: string;
+            saveLoading: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionButtons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onCancel?: () => any;
+            onSave?: () => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "noPadding" | "actionButtons" | "saveLabel" | "cancelLabel" | "saveLoading">;
+        $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: "cancel") => void) & ((event: "save") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            actionButtons: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onCancel?: () => any;
+            onSave?: () => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            save: () => void;
+            cancel: () => void;
+        }, string, {
+            title: string;
+            testId: string;
+            noPadding: boolean;
+            actionButtons: boolean;
+            saveLabel: string;
+            cancelLabel: string;
+            saveLoading: boolean;
+        }, {}, 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<{
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        actionButtons: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        saveLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onCancel?: () => any;
+        onSave?: () => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    noPadding: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    actionButtons: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    saveLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    cancelLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    saveLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onCancel?: () => any;
+    onSave?: () => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => void;
+    cancel: () => void;
+}, string, {
+    title: string;
+    testId: string;
+    noPadding: boolean;
+    actionButtons: boolean;
+    saveLabel: string;
+    cancelLabel: string;
+    saveLoading: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+})))[];
+export { FormCard, CardPanel, FoldableSection, FormCardTypes };

package/components/layout/index.js

@@ -0,0 +1,10 @@
+import o from "./FormCard.vue.js";
+import r from "./CardPanel.vue.js";
+import m from "./FoldableSection.vue.js";
+const p = () => [o, r, m];
+export {
+  r as CardPanel,
+  m as FoldableSection,
+  o as FormCard,
+  p as FormCardTypes
+};

package/components/menu/Menu.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     testId: string;
     container: string;
-    distance: number;
     isOnTop: boolean;
+    distance: number;
     skidding: number;
 }>, {
     trigger?(_: {}): any;

package/components/menu/index.d.ts

@@ -6,8 +6,8 @@ declare const MenuTypes: () => ({
             theme: string;
             testId: string;
             container: string;
-            distance: number;
             isOnTop: boolean;
+            distance: number;
             skidding: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: {
@@ -22,19 +22,19 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "container" | "distance" | "isOnTop" | "skidding">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "container" | "isOnTop" | "distance" | "skidding">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -61,14 +61,14 @@ declare const MenuTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             isOnTop: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -77,8 +77,8 @@ declare const MenuTypes: () => ({
             theme: string;
             testId: string;
             container: string;
-            distance: number;
             isOnTop: boolean;
+            distance: number;
             skidding: number;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -113,14 +113,14 @@ declare const MenuTypes: () => ({
             type: import("vue").PropType<string>;
             default: string;
         };
-        distance: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         isOnTop: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
@@ -142,14 +142,14 @@ declare const MenuTypes: () => ({
         type: import("vue").PropType<string>;
         default: string;
     };
-    distance: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
     isOnTop: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    distance: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
     skidding: {
         type: import("vue").PropType<number>;
         default: number;
@@ -158,8 +158,8 @@ declare const MenuTypes: () => ({
     theme: string;
     testId: string;
     container: string;
-    distance: number;
     isOnTop: boolean;
+    distance: number;
     skidding: number;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/components/menuItem/MenuItem.vue.js

@@ -1,26 +1,7 @@
-import "../typography/Heading.vue.js";
-import n from "../typography/Text.vue.js";
-import { resolveComponent as s, openBlock as r, createElementBlock as c, createElementVNode as d, renderSlot as t, createVNode as i, withCtx as a } from "vue";
-/* empty css               */import m from "../../_virtual/_plugin-vue_export-helper.js";
-const p = {
-  components: { Text: n }
-}, f = { class: "menu-item" }, l = { class: "start-icon" };
-function u(e, _, $, h, v, x) {
-  const o = s("Text");
-  return r(), c("div", f, [
-    d("div", l, [
-      t(e.$slots, "start-icon", {}, void 0, !0)
-    ]),
-    i(o, { size: "sm" }, {
-      default: a(() => [
-        t(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }),
-    t(e.$slots, "end-icon", {}, void 0, !0)
-  ]);
-}
-const I = /* @__PURE__ */ m(p, [["render", u], ["__scopeId", "data-v-c7e837fa"]]);
+import e from "./MenuItem.vue2.js";
+/* empty css               */import o from "../../_virtual/_plugin-vue_export-helper.js";
+// import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-67e53b85"]]);
 export {
-  I as default
+  p as default
 };

package/components/menuItem/MenuItem.vue2.js

@@ -0,0 +1,23 @@
+ import "../../MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css"; import { defineComponent as o, openBlock as s, createElementBlock as r, createElementVNode as n, renderSlot as t, createVNode as i, unref as d, withCtx as a } from "vue";
+import "../typography/Heading.vue.js";
+import c from "../typography/Text.vue.js";
+const m = { class: "menu-item" }, l = { class: "start-icon" }, h = /* @__PURE__ */ o({
+  __name: "MenuItem",
+  setup(u) {
+    return (e, _) => (s(), r("div", m, [
+      n("div", l, [
+        t(e.$slots, "start-icon", {}, void 0, !0)
+      ]),
+      i(d(c), { size: "sm" }, {
+        default: a(() => [
+          t(e.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+      }),
+      t(e.$slots, "end-icon", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  h as default
+};