@maas/vue-equipment 1.0.0-beta.3 → 1.0.0-beta.5

package/dist/plugins/MagicCookie/src/components/MagicCookieProvider.vue.d.ts

@@ -4,28 +4,16 @@ type MagicCookieProviderProps = {
     id: MaybeRef<string>;
     options?: MagicCookieOptions;
 };
-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<MagicCookieProviderProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicCookieProviderProps>>> & 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_6: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_6) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicCookieProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicCookieProviderProps> & 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/MagicCookie/src/components/MagicCookieView.vue.d.ts

@@ -1,20 +1,29 @@
+import { AutoSize } from '@maas/vue-autosize';
 import '@maas/vue-equipment/utils/css/animations/fade-in.css';
 import '@maas/vue-equipment/utils/css/animations/auto-size-out.css';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: any;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare const state: import("../types").CookieState;
+declare const onBeforeEnter: () => void, onEnter: () => void, onAfterEnter: () => Promise<void>, onBeforeLeave: () => void, onLeave: () => void, onAfterLeave: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_19: {
+    viewActive: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_19) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<{}, {
+    AutoSize: typeof AutoSize;
+    state: typeof state;
+    onBeforeEnter: typeof onBeforeEnter;
+    onEnter: typeof onEnter;
+    onAfterEnter: typeof onAfterEnter;
+    onBeforeLeave: typeof onBeforeLeave;
+    onLeave: typeof onLeave;
+    onAfterLeave: typeof onAfterLeave;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.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, resolveDynamicComponent as _resolveDynamicComponent, normalizeStyle as _normalizeStyle, withCtx as _withCtx, createBlock as _createBlock, createElementVNode as _createElementVNode, mergeProps as _mergeProps } from "vue";
-const _hoisted_1 = ["id"];
+const _hoisted_1 = ["data-id", "data-dragging", "data-disabled"];
 const _hoisted_2 = {
   key: 0,
   class: "magic-draggable__overlay"
@@ -57,15 +57,11 @@ export default /* @__PURE__ */ _defineComponent({
     }
     return (_ctx, _cache) => {
       return _openBlock(), _createElementBlock("div", _mergeProps({
-        id: toValue(_ctx.id),
         ref: "drawerRef",
-        class: [
-          "magic-draggable",
-          {
-            "-dragging": _unref(dragging),
-            "-disabled": disabled.value
-          }
-        ]
+        "data-id": toValue(_ctx.id),
+        "data-dragging": _unref(dragging),
+        "data-disabled": disabled.value,
+        class: "magic-draggable"
       }, _ctx.$attrs), [
         _createElementVNode(
           "div",
@@ -114,7 +110,7 @@ export default /* @__PURE__ */ _defineComponent({
   border: none;
 }
 
-.magic-draggable.-disabled {
+.magic-draggable[data-disabled='true'] {
   pointer-events: none;
 }
 
@@ -136,12 +132,12 @@ export default /* @__PURE__ */ _defineComponent({
   touch-action: none;
 }
 
-.magic-draggable.-dragging .magic-draggable__drag {
+.magic-draggable[data-dragging='true'] .magic-draggable__drag {
   cursor: grabbing;
   user-select: none;
 }
 
-.magic-draggable.-disabled .magic-draggable__drag {
+.magic-draggable[data-disabled='true'] .magic-draggable__drag {
   cursor: default;
 }
 

package/dist/plugins/MagicDraggable/src/components/MagicDraggable.vue.d.ts

@@ -1,35 +1,127 @@
-import { type MaybeRef } from 'vue';
+import { toValue, type MaybeRef } from 'vue';
 import type { MagicDraggableOptions } from '../types/index.js';
 interface MagicDraggableProps {
     id: MaybeRef<string>;
     options?: MagicDraggableOptions;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
+declare const mappedOptions: Omit<MagicDraggableOptions, keyof MagicDraggableOptions> & Omit<import("../types").DraggableDefaultOptions, keyof MagicDraggableOptions> & {
+    threshold: ({
+        lock?: number;
+        distance?: number;
+        momentum?: number;
+        idle?: number;
+    } & import("../../../../utils").RequireAll<{
+        lock?: number;
+        distance?: number;
+        momentum?: number;
+        idle?: number;
+    }>) | (Omit<{
+        lock?: number;
+        distance?: number;
+        momentum?: number;
+        idle?: number;
+    }, "lock" | "distance" | "momentum" | "idle"> & Omit<{
+        lock?: number;
+        distance?: number;
+        momentum?: number;
+        idle?: number;
+    } & import("../../../../utils").RequireAll<{
+        lock?: number;
+        distance?: number;
+        momentum?: number;
+        idle?: number;
+    }>, "lock" | "distance" | "momentum" | "idle"> & {
+        lock: number;
+        distance: number;
+        momentum: number;
+        idle: number;
+    });
+    disabled: boolean;
+    animation: ({
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    } & import("../../../../utils").RequireAll<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }>) | (Omit<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }, "snap"> & Omit<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    } & import("../../../../utils").RequireAll<{
+        snap?: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    }>, "snap"> & {
+        snap: {
+            duration?: number;
+            easing?: (t: number) => number;
+        };
+    });
+    tag: "dialog" | "div";
+    scrollLock: boolean | {
+        padding: boolean;
     };
-    refs: {
-        drawerRef: any;
-        wrapperRef: any;
-        elRef: any;
+    snapPoints: import("../types").DraggableSnapPoint[];
+    initial: {
+        snapPoint?: import("../types").DraggableSnapPoint;
     };
-    rootEl: any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicDraggableProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicDraggableProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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;
+declare const elRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+declare const wrapperRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+declare const dragging: import("vue").Ref<boolean, boolean>;
+declare const disabled: import("vue").ComputedRef<boolean>;
+declare const style: import("vue").ComputedRef<string>, hasDragged: import("vue").ComputedRef<boolean>;
+declare function guardedPointerdown(event: PointerEvent): void;
+declare function guardedClick(event: PointerEvent): void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare const __VLS_0: "dialog" | "div";
+declare const __VLS_2: {
+    __ctx?: {
+        attrs?: any;
+        expose?: any;
+        slots?: any;
+        emit?: any;
+        props?: {} & Record<string, unknown>;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+declare var __VLS_6: (Parameters<NonNullable<(typeof __VLS_5)["expose"]>>[0] | null);
+declare var __VLS_10: {};
+declare var __VLS_5: __VLS_PickFunctionalComponentCtx<typeof __VLS_0, typeof __VLS_2>;
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_10) => any;
+}>;
+type __VLS_TemplateRefs = {
+    drawerRef: typeof __VLS_nativeElements['div'];
+    wrapperRef: typeof __VLS_nativeElements['div'];
+    elRef: typeof __VLS_6;
+};
+declare const __VLS_self: import("vue").DefineComponent<MagicDraggableProps, {
+    toValue: typeof toValue;
+    mappedOptions: typeof mappedOptions;
+    elRef: typeof elRef;
+    wrapperRef: typeof wrapperRef;
+    dragging: typeof dragging;
+    disabled: typeof disabled;
+    style: typeof style;
+    hasDragged: typeof hasDragged;
+    guardedPointerdown: typeof guardedPointerdown;
+    guardedClick: typeof guardedClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicDraggableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicDraggableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue

@@ -1,7 +1,7 @@
 <script>
 import { defineComponent as _defineComponent } from "vue";
 import { unref as _unref, renderSlot as _renderSlot, vShow as _vShow, withModifiers as _withModifiers, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock, resolveDynamicComponent as _resolveDynamicComponent, normalizeStyle as _normalizeStyle, createVNode as _createVNode, mergeProps as _mergeProps, Teleport as _Teleport } from "vue";
-const _hoisted_1 = ["id", "data-dragging", "data-wheeling", "data-disabled", "data-position"];
+const _hoisted_1 = ["data-id", "data-dragging", "data-wheeling", "data-disabled", "data-position"];
 const _hoisted_2 = { class: "magic-drawer__content" };
 const _hoisted_3 = {
   key: 0,
@@ -250,10 +250,10 @@ export default /* @__PURE__ */ _defineComponent({
         disabled: _unref(mappedOptions).teleport?.disabled
       }, [
         _createElementVNode("div", _mergeProps({
-          id: toValue(_ctx.id),
           ref_key: "drawerRef",
           ref: drawerRef,
           class: "magic-drawer",
+          "data-id": toValue(_ctx.id),
           "data-dragging": _unref(dragging),
           "data-wheeling": _unref(wheeling),
           "data-disabled": disabled.value,
@@ -345,7 +345,9 @@ export default /* @__PURE__ */ _defineComponent({
 <style>
 :root {
   --magic-drawer-height: 75svh;
+  --magic-drawer-max-height: none;
   --magic-drawer-width: 100%;
+  --magic-drawer-max-width: none;
   --magic-drawer-justify-content: center;
   --magic-drawer-align-items: flex-end;
   --magic-drawer-enter-animation: slide-btt-in 300ms ease;
@@ -433,18 +435,26 @@ export default /* @__PURE__ */ _defineComponent({
 
 .magic-drawer__wrapper {
   height: var(--magic-drawer-height);
+  max-height: calc(
+    var(--magic-drawer-max-height) + var(--magic-drawer-drag-overshoot-y)
+  );
   width: var(--magic-drawer-width);
+  max-width: calc(
+    var(--magic-drawer-max-width) + var(--magic-drawer-drag-overshoot-x)
+  );
   transform: translate(
     var(--magic-drawer-drag-overshoot-x),
     var(--magic-drawer-drag-overshoot-y)
   );
   pointer-events: none;
+  display: flex;
+  min-height: 0;
 }
 
 .magic-drawer__content {
   width: 100%;
-  height: 100%;
   max-height: 100%;
+  height: var(--magic-drawer-content-height, 100%);
   position: relative;
 }
 

package/dist/plugins/MagicDrawer/src/components/MagicDrawer.vue.d.ts

@@ -1,47 +0,0 @@
-import { type MaybeRef } from 'vue';
-import type { MagicDrawerOptions } from '../types/index.js';
-import '@maas/vue-equipment/utils/css/animations/fade-in.css';
-import '@maas/vue-equipment/utils/css/animations/fade-out.css';
-import '@maas/vue-equipment/utils/css/animations/slide-ltr-in.css';
-import '@maas/vue-equipment/utils/css/animations/slide-rtl-in.css';
-import '@maas/vue-equipment/utils/css/animations/slide-ttb-in.css';
-import '@maas/vue-equipment/utils/css/animations/slide-btt-in.css';
-import '@maas/vue-equipment/utils/css/animations/slide-ltr-out.css';
-import '@maas/vue-equipment/utils/css/animations/slide-rtl-out.css';
-import '@maas/vue-equipment/utils/css/animations/slide-ttb-out.css';
-import '@maas/vue-equipment/utils/css/animations/slide-btt-out.css';
-interface MagicDrawerProps {
-    id: MaybeRef<string>;
-    options?: MagicDrawerOptions;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        backdrop?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        drawerRef: any;
-        wrapperRef: any;
-        elRef: any;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicDrawerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicDrawerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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 & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/plugins/MagicMarquee/src/components/MagicMarquee.vue.d.ts

@@ -1,36 +0,0 @@
-import { type MaybeRef } from 'vue';
-import type { MagicMarqueeOptions } from '../types/index.js';
-interface MagicMarqueeProps {
-    id: MaybeRef<string>;
-    options?: MagicMarqueeOptions;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        parentRef: any;
-        childRef: any;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMarqueeProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMarqueeProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["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 & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,30 +0,0 @@
-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"]>;
-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 & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,39 +0,0 @@
-import { type MaybeRef, type ComponentPublicInstance } from 'vue';
-import type { Middleware } from '@floating-ui/vue';
-import '@maas/vue-equipment/utils/css/animations/fade-in.css';
-import '@maas/vue-equipment/utils/css/animations/fade-out.css';
-interface MagicMenuContentProps {
-    arrow?: boolean | undefined;
-    middleware?: Middleware[];
-    transition?: string;
-    referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        arrow?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        contentRef: any;
-    };
-    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"]>;
-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 & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,38 +0,0 @@
-import { type MaybeRef, type ComponentPublicInstance } from 'vue';
-import { type Placement, type Middleware } from '@floating-ui/vue';
-interface MagicMenuFloatProps {
-    placement?: Placement;
-    middleware?: Middleware[];
-    arrow?: boolean;
-    referenceEl?: MaybeRef<HTMLElement | ComponentPublicInstance>;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        arrow?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        elRef: any;
-        arrowRef: any;
-    };
-    rootEl: any;
-};
-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"]>;
-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 & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/plugins/MagicMenu/src/components/MagicMenuItem.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 } 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"
@@ -101,10 +101,10 @@ 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,