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

package/components/loader/v4/Loader.vue.d.ts

@@ -1,8 +1,8 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
-    maxWidth?: number;
+    maxWidth?: number | null;
 }>, {
     strokeWidth: number;
     paddingOffsetPx: number;
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     strokeWidth?: number;
     paddingOffsetPx?: number;
     paddingOffsetPercentage?: number;
-    maxWidth?: number;
+    maxWidth?: number | null;
 }>, {
     strokeWidth: number;
     paddingOffsetPx: number;
@@ -22,9 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     strokeWidth: number;
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
-    maxWidth: number;
-}>, {
-    default?(_: {}): any;
+    maxWidth: number | null;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -37,15 +35,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/loader/v4/Loader.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeStyle } from 'vue';
+/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../Loader.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { style: { "visibility": "hidden" } };
+const _hoisted_2 = ["width", "height"];
+const _hoisted_3 = ["r"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Loader",
+  props: {
+    strokeWidth: { default: 2 },
+    paddingOffsetPx: { default: 0 },
+    paddingOffsetPercentage: { default: 0 },
+    maxWidth: { default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const loaderContainer = ref(null);
+    const loaderSize = ref(0);
+    const radius = ref("50%");
+    const paddingOffset = ref(0);
+    onMounted(() => {
+      const containerWidth = loaderContainer?.value?.clientWidth;
+      const containerHeight = loaderContainer?.value?.clientHeight;
+      let rootSize = containerWidth && containerHeight && containerHeight < containerWidth ? containerHeight : containerWidth;
+      let paddingOffsetAdjusted = 0;
+      if (typeof rootSize === "number") {
+        if (props.paddingOffsetPercentage) {
+          if (props.paddingOffsetPercentage > 49) {
+            paddingOffsetAdjusted = 0;
+          } else {
+            paddingOffsetAdjusted = rootSize * props.paddingOffsetPercentage / 100;
+          }
+        } else if (props.paddingOffsetPx && props.paddingOffsetPx < rootSize - props.strokeWidth) {
+          paddingOffsetAdjusted = props.paddingOffsetPx;
+        } else {
+          paddingOffsetAdjusted = 0;
+        }
+      }
+      if (props.maxWidth && props.maxWidth < rootSize - paddingOffsetAdjusted) {
+        const maxRootSize = props.maxWidth < rootSize ? props.maxWidth : rootSize;
+        paddingOffsetAdjusted = (rootSize - maxRootSize) / 2;
+        rootSize = maxRootSize + paddingOffsetAdjusted * 2;
+      }
+      paddingOffset.value = paddingOffsetAdjusted || 0;
+      loaderSize.value = rootSize - paddingOffsetAdjusted * 2;
+      radius.value = loaderSize.value ? `${(loaderSize.value / 2 - props.strokeWidth / 2) / loaderSize.value * 100}%` : "50%";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "loaderContainer",
+        ref: loaderContainer,
+        class: "loader-container"
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        (openBlock(), createElementBlock("svg", {
+          class: "circle-svg",
+          width: loaderSize.value,
+          height: loaderSize.value,
+          style: normalizeStyle({
+            padding: paddingOffset.value
+          })
+        }, [
+          createElementVNode("circle", {
+            cx: "50%",
+            cy: "50%",
+            r: radius.value,
+            style: normalizeStyle({ strokeWidth: __props.strokeWidth })
+          }, null, 12, _hoisted_3)
+        ], 12, _hoisted_2))
+      ], 512);
+    };
+  }
+});
+var Loader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-20d0ff1b"]]);
+
+export { Loader as default };

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

@@ -1,132 +1,50 @@
 import Loader from './Loader.vue';
-declare const LoaderTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            strokeWidth: number;
-            paddingOffsetPx: number;
-            paddingOffsetPercentage: number;
-            maxWidth: number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            strokeWidth: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            paddingOffsetPx: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            paddingOffsetPercentage: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            maxWidth: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage" | "maxWidth">;
-        $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<{
-            strokeWidth: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            paddingOffsetPx: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            paddingOffsetPercentage: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            maxWidth: {
-                type: import("vue").PropType<number>;
-                default: any;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            strokeWidth: number;
-            paddingOffsetPx: number;
-            paddingOffsetPercentage: number;
-            maxWidth: number;
-        }, {}, 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<{
-        strokeWidth: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        paddingOffsetPx: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        paddingOffsetPercentage: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        maxWidth: {
-            type: import("vue").PropType<number>;
-            default: any;
-        };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const LoaderTypes: () => import("vue").DefineComponent<{
     strokeWidth: {
         type: import("vue").PropType<number>;
+    } & {
         default: number;
     };
     paddingOffsetPx: {
         type: import("vue").PropType<number>;
+    } & {
         default: number;
     };
     paddingOffsetPercentage: {
         type: import("vue").PropType<number>;
+    } & {
         default: number;
     };
     maxWidth: {
         type: import("vue").PropType<number>;
+    } & {
         default: any;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    strokeWidth: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    paddingOffsetPx: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    paddingOffsetPercentage: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    maxWidth: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+}>>, {
     strokeWidth: number;
     paddingOffsetPx: number;
     paddingOffsetPercentage: number;
     maxWidth: number;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}))[];
+}>[];
 export { Loader, LoaderTypes };

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isOnTop?: boolean;
     distance?: number;
     theme?: string;
@@ -29,13 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     theme: string;
     testId: string;
-    container: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;
-}>, {
-    trigger?(_: {}): any;
-    default?(_: {}): any;
+    container: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -48,15 +45,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/menu/Menu.vue.js

@@ -0,0 +1,75 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, renderSlot } from 'vue';
+import { Dropdown } from 'floating-vue';
+import { onClickOutside } from '@vueuse/core';
+import { useToggle } from '../../composables/useToggle.vue.js';
+/* empty css                                                      *//* empty css                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Menu.vue_vue_type_style_index_0_scoped_true_lang.css";import "../../Menu.vue_vue_type_style_index_1_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Menu",
+  props: {
+    isOnTop: { type: Boolean, default: true },
+    distance: { default: 0 },
+    theme: { default: "dropdown" },
+    skidding: { default: 0 },
+    container: { default: "body" },
+    testId: { default: "" }
+  },
+  setup(__props) {
+    const [open, toggle] = useToggle({ initialValue: false });
+    const popup = ref();
+    const triggerRef = ref();
+    const location = computed(() => {
+      return triggerRef.value?.getBoundingClientRect();
+    });
+    const skiddingOffset = computed(() => {
+      if (!popup.value || !triggerRef.value) {
+        return;
+      }
+      const { width: buttonWidth } = triggerRef.value.getBoundingClientRect();
+      return -buttonWidth;
+    });
+    onClickOutside(popup, () => {
+      toggle(false);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Dropdown), {
+        class: "menu",
+        theme: "is-menu",
+        triggers: [],
+        shown: unref(open),
+        placement: "auto-start",
+        container: __props.container,
+        flip: "",
+        distance: __props.isOnTop ? unref(skiddingOffset) : __props.distance,
+        skidding: __props.isOnTop ? -unref(location)?.height / 2 : __props.distance,
+        "auto-hide": false,
+        "test-id": __props.testId
+      }, {
+        popper: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "popup",
+            ref: popup,
+            class: "menu-popup",
+            onClick: _cache[1] || (_cache[1] = ($event) => unref(toggle)(false))
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 512)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", {
+            ref_key: "triggerRef",
+            ref: triggerRef,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(toggle)())
+          }, [
+            renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+          ], 512)
+        ]),
+        _: 3
+      }, 8, ["shown", "container", "distance", "skidding", "test-id"]);
+    };
+  }
+});
+var Menu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f8ffdce"]]);
+
+export { Menu as default };

package/components/menu/index.d.ts

@@ -1,171 +1,72 @@
-declare const MenuTypes: () => ({
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            theme: string;
-            testId: string;
-            container: string;
-            isOnTop: boolean;
-            distance: number;
-            skidding: number;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            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" | "isOnTop" | "distance" | "skidding">;
-        $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<{
-            theme: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            isOnTop: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            distance: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            skidding: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-            theme: string;
-            testId: string;
-            container: string;
-            isOnTop: boolean;
-            distance: number;
-            skidding: number;
-        }, {}, 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<{
-        theme: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        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").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+declare const MenuTypes: () => import("vue").DefineComponent<{
     theme: {
         type: import("vue").PropType<string>;
+    } & {
         default: string;
     };
     testId: {
         type: import("vue").PropType<string>;
+    } & {
         default: string;
     };
+    isOnTop: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    distance: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
+    skidding: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: number;
+    };
     container: {
         type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+    } & {
         default: string;
     };
     isOnTop: {
         type: import("vue").PropType<boolean>;
+    } & {
         default: boolean;
     };
     distance: {
         type: import("vue").PropType<number>;
+    } & {
         default: number;
     };
     skidding: {
         type: import("vue").PropType<number>;
+    } & {
         default: number;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    container: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+}>>, {
     theme: string;
     testId: string;
-    container: string;
     isOnTop: boolean;
     distance: number;
     skidding: number;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        trigger?(_: {}): any;
-        default?(_: {}): any;
-    };
-}))[];
+    container: string;
+}>[];
 export { default as Menu } from './Menu.vue';
 export { MenuTypes };

package/components/menu/index.vue.js

@@ -1,6 +1,6 @@
-import e from "./Menu.vue.vue.js";
-const n = () => [e];
-export {
-  e as Menu,
-  n as MenuTypes
-};
+import Menu from './Menu.vue.js';
+export { default as Menu } from './Menu.vue.js';
+
+const MenuTypes = () => [Menu];
+
+export { MenuTypes };

package/components/menuItem/MenuItem.vue.d.ts

@@ -1,11 +1,2 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, {
-    "start-icon"?(_: {}): any;
-    default?(_: {}): any;
-    "end-icon"?(_: {}): any;
-}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/components/menuItem/MenuItem.vue.js

@@ -0,0 +1,30 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createVNode, withCtx } from 'vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                          */
+import "../../MenuItem.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = {
+  components: { Text },
+};
+const _hoisted_1 = { class: "menu-item" };
+const _hoisted_2 = { class: "start-icon" };
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Text = resolveComponent("Text");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "start-icon", {}, undefined, true)
+    ]),
+    createVNode(_component_Text, { size: "sm" }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default", {}, undefined, true)
+      ]),
+      _: 3
+    }),
+    renderSlot(_ctx.$slots, "end-icon", {}, undefined, true)
+  ]))
+}
+var MenuItem = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render],['__scopeId',"data-v-6d064fb9"]]);
+
+export { MenuItem as default };