@maas/vue-equipment 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue

@@ -1,7 +1,7 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { unref as _unref, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock } from "vue";
-const _hoisted_1 = ["id", "data-initialized", "data-id"];
+const _hoisted_1 = ["data-initialized", "data-id"];
 import { computed, inject, provide } from "vue";
 import { useMenuChannel } from "../composables/private/useMenuChannel";
 import {
@@ -39,7 +39,6 @@ export default /* @__PURE__ */ _defineComponent({
       }
     }
     const mappedId = computed(() => `magic-menu-channel-${__props.id}`);
-    const mappedActive = computed(() => channel.active);
     const mappedTransition = computed(
       () => __props.transition ?? state.options.transition.channel
     );
@@ -50,6 +49,7 @@ export default /* @__PURE__ */ _defineComponent({
     const channel = initializeChannel({
       id: mappedId.value
     });
+    const mappedActive = computed(() => channel.active);
     provide(MagicMenuChannelId, mappedId.value);
     provide(MagicMenuChannelActive, mappedActive);
     return (_ctx, _cache) => {
@@ -57,7 +57,6 @@ export default /* @__PURE__ */ _defineComponent({
         default: _withCtx(() => [
           _unref(channel).active ? (_openBlock(), _createElementBlock("div", {
             key: 0,
-            id: _ctx.id,
             class: "magic-menu-channel",
             "data-initialized": _unref(state).active,
             "data-id": mappedId.value
@@ -75,14 +74,14 @@ export default /* @__PURE__ */ _defineComponent({
 
 <style>
 .magic-menu-channel-enter-active {
-  animation: fade-in 300ms ease;
+  animation: fade-in 225ms ease;
   &[data-initialized='true'] {
     position: absolute;
   }
 }
 
 .magic-menu-channel-leave-active {
-  animation: fade-out 300ms ease;
+  animation: fade-out 225ms ease;
   &[data-initialized='true'] {
     position: absolute;
   }

package/dist/plugins/MagicMenu/src/components/MagicMenuChannel.vue.d.ts

@@ -2,28 +2,25 @@ interface MagicMenuChannelProps {
     id: string;
     transition?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuChannelProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuChannelProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const state: import("../types").MenuState;
+declare const mappedId: import("vue").ComputedRef<string>;
+declare const mappedTransition: import("vue").ComputedRef<string>;
+declare const channel: import("../types").MenuChannel;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_5: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_5) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuChannelProps, {
+    state: typeof state;
+    mappedId: typeof mappedId;
+    mappedTransition: typeof mappedTransition;
+    channel: typeof channel;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuChannelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuChannelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuChannelProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue

@@ -4,7 +4,7 @@ import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _crea
 const _hoisted_1 = ["data-id"];
 const _hoisted_2 = ["data-pointer-disabled"];
 import {
-  ref,
+  shallowRef,
   inject,
   provide,
   nextTick,
@@ -38,7 +38,6 @@ export default /* @__PURE__ */ _defineComponent({
     referenceEl: { type: null, required: false }
   },
   setup(__props) {
-    const contentRef = ref(void 0);
     const instanceId = inject(MagicMenuInstanceId, void 0);
     const viewId = inject(MagicMenuViewId, void 0);
     if (!instanceId) {
@@ -64,8 +63,8 @@ export default /* @__PURE__ */ _defineComponent({
           return ModeTransitions[state.options.mode];
       }
     });
-    const innerActive = ref(false);
-    const wrapperActive = ref(false);
+    const innerActive = shallowRef(false);
+    const wrapperActive = shallowRef(false);
     const {
       lockScroll,
       unlockScroll,
@@ -182,8 +181,6 @@ export default /* @__PURE__ */ _defineComponent({
               }, _createSlots({
                 default: _withCtx(() => [
                   _createElementVNode("div", {
-                    ref_key: "contentRef",
-                    ref: contentRef,
                     class: "magic-menu-content__inner",
                     "data-pointer-disabled": pointerDisabled.value
                   }, [

package/dist/plugins/MagicMenu/src/components/MagicMenuContent.vue.d.ts

@@ -8,31 +8,48 @@ interface MagicMenuContentProps {
     transition?: string;
     referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        arrow?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        contentRef: HTMLDivElement;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuContentProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuContentProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const viewId: string | undefined;
+declare const view: import("../types").MenuView | undefined;
+declare const state: import("../types").MenuState;
+declare const pointerDisabled: import("vue").ComputedRef<boolean>;
+declare const mappedTransition: import("vue").ComputedRef<string>;
+declare const innerActive: import("vue").ShallowRef<boolean, boolean>;
+declare const wrapperActive: import("vue").ShallowRef<boolean, boolean>;
+declare const onBeforeEnter: () => void, onEnter: () => void, onAfterEnter: () => void, onBeforeLeave: () => void, onLeave: () => void, onAfterLeave: () => void;
+declare const coords: import("vue").Ref<{
+    x: number;
+    y: number;
+}[], import("../types").Coordinates[] | {
+    x: number;
+    y: number;
+}[]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_13: {}, __VLS_15: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    arrow?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuContentProps, {
+    viewId: typeof viewId;
+    view: typeof view;
+    state: typeof state;
+    pointerDisabled: typeof pointerDisabled;
+    mappedTransition: typeof mappedTransition;
+    innerActive: typeof innerActive;
+    wrapperActive: typeof wrapperActive;
+    onBeforeEnter: typeof onBeforeEnter;
+    onEnter: typeof onEnter;
+    onAfterEnter: typeof onAfterEnter;
+    onBeforeLeave: typeof onBeforeLeave;
+    onLeave: typeof onLeave;
+    onAfterLeave: typeof onAfterLeave;
+    coords: typeof coords;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue

@@ -7,7 +7,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = ["points"];
 import {
-  ref,
+  useTemplateRef,
   computed,
   inject,
   toValue
@@ -33,8 +33,8 @@ export default /* @__PURE__ */ _defineComponent({
     referenceEl: { type: null, required: false }
   },
   setup(__props) {
-    const elRef = ref(void 0);
-    const arrowRef = ref(void 0);
+    const elRef = useTemplateRef("el");
+    const arrowRef = useTemplateRef("arrow");
     const instanceId = inject(MagicMenuInstanceId, void 0);
     const viewId = inject(MagicMenuViewId, void 0);
     const { initializeState } = useMenuState(instanceId ?? "");
@@ -185,8 +185,7 @@ export default /* @__PURE__ */ _defineComponent({
       return _openBlock(), _createElementBlock(
         "div",
         {
-          ref_key: "elRef",
-          ref: elRef,
+          ref: "el",
           class: _normalizeClass(["magic-menu-float", placementClasses.value]),
           style: _normalizeStyle(_unref(floatingStyles))
         },
@@ -195,8 +194,7 @@ export default /* @__PURE__ */ _defineComponent({
             "div",
             {
               key: 0,
-              ref_key: "arrowRef",
-              ref: arrowRef,
+              ref: "arrow",
               class: "magic-menu-float__arrow",
               style: _normalizeStyle(arrowStyles.value)
             },

package/dist/plugins/MagicMenu/src/components/MagicMenuFloat.vue.d.ts

@@ -6,32 +6,47 @@ interface MagicMenuFloatProps {
     arrow?: boolean;
     referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        arrow?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        elRef: HTMLDivElement;
-        arrowRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuFloatProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuFloatProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const arrow: boolean;
+declare const hasArrow: import("vue").ComputedRef<boolean>;
+declare const floatingStyles: Readonly<import("vue").Ref<{
+    position: import("@floating-ui/vue").Strategy;
+    top: string;
+    left: string;
+    transform?: string;
+    willChange?: string;
+}, {
+    position: import("@floating-ui/vue").Strategy;
+    top: string;
+    left: string;
+    transform?: string;
+    willChange?: string;
+}>>;
+declare const arrowStyles: import("vue").ComputedRef<{
+    transform?: undefined;
+} | {
+    transform: string;
+}>;
+declare const placementClasses: import("vue").ComputedRef<string>;
+declare const polygonPoints: import("vue").ComputedRef<"50,50 100,100 0,100" | "50,50 100,0 0,0" | "50,50 100,100 100,0" | "50,50 0,100 0,0" | undefined>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    arrow?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuFloatProps, {
+    arrow: typeof arrow;
+    hasArrow: typeof hasArrow;
+    floatingStyles: typeof floatingStyles;
+    arrowStyles: typeof arrowStyles;
+    placementClasses: typeof placementClasses;
+    polygonPoints: typeof polygonPoints;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuFloatProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuFloatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuFloatProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue

@@ -1,20 +1,12 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { unref as _unref, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
-const _hoisted_1 = ["id", "data-disabled", "data-active", "data-pointer-disabled"];
+const _hoisted_1 = ["data-id", "data-disabled", "data-active", "data-pointer-disabled"];
 const _hoisted_2 = {
   key: 0,
   class: "magic-menu-item__pointer-guard"
 };
-import {
-  ref,
-  computed,
-  inject,
-  provide,
-  onBeforeUnmount,
-  watch,
-  useId
-} from "vue";
+import { computed, inject, provide, onBeforeUnmount, watch, useId } from "vue";
 import { useMenuItem } from "../composables/private/useMenuItem";
 import { useMenuState } from "../composables/private/useMenuState";
 import { useMenuView } from "../composables/private/useMenuView";
@@ -37,7 +29,6 @@ export default /* @__PURE__ */ _defineComponent({
     const instanceId = inject(MagicMenuInstanceId, void 0);
     const viewId = inject(MagicMenuViewId, void 0);
     const contentId = inject(MagicMenuContentId, void 0);
-    const elRef = ref(void 0);
     if (!instanceId) {
       throw new Error("MagicMenuItem must be nested inside MagicMenuProvider");
     }
@@ -101,10 +92,8 @@ export default /* @__PURE__ */ _defineComponent({
     });
     return (_ctx, _cache) => {
       return _openBlock(), _createElementBlock("div", {
-        id: mappedId.value,
-        ref_key: "elRef",
-        ref: elRef,
         class: "magic-menu-item",
+        "data-id": mappedId.value,
         "data-disabled": _ctx.disabled,
         "data-active": _unref(item).active,
         "data-pointer-disabled": pointerDisabled.value,

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.vue.d.ts

@@ -2,37 +2,40 @@ interface MagicMenuItemProps {
     id?: string;
     disabled?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            itemActive: boolean;
-            itemDisabled: boolean;
-        }): any;
-    };
-    refs: {
-        elRef: HTMLDivElement;
-    };
-    rootEl: HTMLDivElement;
+declare const mappedId: import("vue").ComputedRef<string>;
+declare const item: import("../types").MenuItem;
+declare const pointerDisabled: import("vue").ComputedRef<boolean>;
+declare function guardedSelect(): void;
+declare function guardedUnselect(): void;
+declare function onClick(event: MouseEvent): void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {
+    itemActive: boolean;
+    itemDisabled: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuItemProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (event: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuItemProps>>> & Readonly<{
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuItemProps, {
+    mappedId: typeof mappedId;
+    item: typeof item;
+    pointerDisabled: typeof pointerDisabled;
+    guardedSelect: typeof guardedSelect;
+    guardedUnselect: typeof guardedUnselect;
+    onClick: typeof onClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<MagicMenuItemProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue

@@ -1,7 +1,14 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { renderSlot as _renderSlot, unref as _unref, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { ref, provide, watch, onBeforeUnmount } from "vue";
+import {
+  useTemplateRef,
+  shallowRef,
+  provide,
+  watch,
+  toValue,
+  onBeforeUnmount
+} from "vue";
 import { onClickOutside, onKeyStroke, usePointer } from "@vueuse/core";
 import { Primitive } from "@maas/vue-primitive";
 import { defu } from "defu";
@@ -18,12 +25,12 @@ export default /* @__PURE__ */ _defineComponent({
     options: { type: Object, required: false }
   },
   setup(__props) {
-    const elRef = ref(void 0);
+    const elRef = useTemplateRef("el");
     const mappedOptions = defu(__props.options, defaultOptions);
     const { initializeState, deleteState } = useMenuState(__props.id);
     const state = initializeState(mappedOptions);
-    const lastX = ref(0);
-    const lastY = ref(0);
+    const lastX = shallowRef(0);
+    const lastY = shallowRef(0);
     const { x, y } = usePointer();
     watch(
       () => state?.input.type,
@@ -67,7 +74,11 @@ export default /* @__PURE__ */ _defineComponent({
         unselectAllViews();
       },
       {
-        ignore: [".magic-menu-trigger", ".magic-menu-item", "magic-menu-float"]
+        ignore: [
+          `[data-id='${toValue(__props.id)}'] .magic-menu-trigger`,
+          `[data-id='${toValue(__props.id)}'] .magic-menu-item`,
+          `.magic-menu-float`
+        ]
       }
     );
     onBeforeUnmount(() => {
@@ -76,9 +87,9 @@ export default /* @__PURE__ */ _defineComponent({
     provide(MagicMenuInstanceId, __props.id);
     return (_ctx, _cache) => {
       return _openBlock(), _createBlock(_unref(Primitive), {
-        ref_key: "elRef",
-        ref: elRef,
+        ref: "el",
         "as-child": _ctx.asChild,
+        "data-id": _ctx.id,
         class: "magic-menu-provider"
       }, {
         default: _withCtx(() => [
@@ -86,7 +97,7 @@ export default /* @__PURE__ */ _defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["as-child"]);
+      }, 8, ["as-child", "data-id"]);
     };
   }
 });

package/dist/plugins/MagicMenu/src/components/MagicMenuProvider.vue.d.ts

@@ -1,69 +1,23 @@
 import { type MaybeRef } from 'vue';
+import { Primitive } from '@maas/vue-primitive';
 import type { MagicMenuOptions } from '../types/index.js';
 interface MagicMenuProviderProps {
     id: MaybeRef<string>;
     asChild?: boolean;
     options?: MagicMenuOptions;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        elRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
-                default: string;
-            };
-        }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            asChild: boolean;
-            as: import("@maas/vue-primitive").ElementOrComponent;
-        }> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuProviderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_7: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_7) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuProviderProps, {
+    Primitive: typeof Primitive;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };