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

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

@@ -1,36 +1,192 @@
+import { Primitive } from '@maas/vue-primitive';
 import type { Interaction } from '../types/index.js';
 interface MagicMenuTriggerProps {
+    instanceId?: string;
+    viewId?: string;
     disabled?: boolean;
     trigger?: Interaction[];
     asChild?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: any;
-            triggerDisabled: any;
-        }): any;
-    };
-    refs: {
-        elRef: any;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuTriggerProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuTriggerProps>>> & 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<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;
+}> | undefined, 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;
+}> | undefined>;
+declare const mappedViewId: import("vue").ComputedRef<string | undefined>;
+declare const view: import("../types").MenuView | undefined;
+declare const mappedDisabled: import("vue").ComputedRef<boolean>;
+declare const mappedTabindex: import("vue").ComputedRef<0 | undefined>;
+declare const onMouseenter: () => void, onClick: (e: MouseEvent) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare const __VLS_0: import("vue").DefineComponent<{
+    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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: import("vue").PropType<import("@maas/vue-primitive").ElementOrComponent>;
+        default: string;
+    };
+}>>, {
+    asChild: boolean;
+    as: import("@maas/vue-primitive").ElementOrComponent;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_2: import("vue/jsx-runtime").JSX.Element & {
+    __ctx?: ({
+        attrs?: any;
+        slots?: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }> | undefined;
+        emit?: ((event: string, ...args: any[]) => void) | undefined;
+    } & {
+        props?: (Partial<{
+            asChild: boolean;
+            as: import("@maas/vue-primitive").ElementOrComponent;
+        }> & Omit<{
+            readonly asChild: boolean;
+            readonly as: import("@maas/vue-primitive").ElementOrComponent;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "asChild" | "as"> & Record<string, unknown>) | undefined;
+        expose?(exposed: 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;
+        }>): void;
+    }) | undefined;
+};
+declare var __VLS_6: (Parameters<NonNullable<(typeof __VLS_5)["expose"]>>[0] | null);
+declare var __VLS_11: {
+    viewActive: boolean | undefined;
+    triggerDisabled: boolean;
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
+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_11) => any;
+}>;
+type __VLS_TemplateRefs = {
+    elRef: typeof __VLS_6;
+};
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuTriggerProps, {
+    Primitive: typeof Primitive;
+    elRef: typeof elRef;
+    mappedViewId: typeof mappedViewId;
+    view: typeof view;
+    mappedDisabled: typeof mappedDisabled;
+    mappedTabindex: typeof mappedTabindex;
+    onMouseenter: typeof onMouseenter;
+    onClick: typeof onClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuTriggerProps> & 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/MagicMenu/src/components/MagicMenuView.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 } from "vue";
-const _hoisted_1 = ["id"];
+const _hoisted_1 = ["data-id"];
 import { computed, inject, onBeforeUnmount, provide, useId } from "vue";
 import { useMenuView } from "../composables/private/useMenuView";
 import {
@@ -61,7 +61,7 @@ export default /* @__PURE__ */ _defineComponent({
     });
     return (_ctx, _cache) => {
       return _openBlock(), _createElementBlock("div", {
-        id: mappedId.value,
+        "data-id": mappedId.value,
         class: "magic-menu-view"
       }, [
         _renderSlot(_ctx.$slots, "default", {

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

@@ -3,30 +3,23 @@ interface MagicMenuViewProps {
     id?: string;
     placement?: Placement;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            viewActive: any;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
+declare const mappedId: import("vue").ComputedRef<string>;
+declare const view: import("../types").MenuView;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_0: {
+    viewActive: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuViewProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicMenuViewProps>>> & 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_0) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<MagicMenuViewProps, {
+    mappedId: typeof mappedId;
+    view: typeof view;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<MagicMenuViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicMenuViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+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/composables/private/useMenuChannel.mjs

@@ -22,7 +22,9 @@ export function useMenuChannel(args) {
     return channel;
   }
   function unselectSiblings(id) {
-    if (!view?.channels) return;
+    if (!view?.channels) {
+      return;
+    }
     for (const channel of view.channels) {
       if (channel.id !== id) {
         channel.active = false;
@@ -30,7 +32,9 @@ export function useMenuChannel(args) {
     }
   }
   function getChannel(id) {
-    if (!view?.channels) return void 0;
+    if (!view?.channels) {
+      return void 0;
+    }
     const channel = view.channels.find((ch) => ch.id === id);
     if (channel) {
       channelMap.set(id, channel);
@@ -44,7 +48,9 @@ export function useMenuChannel(args) {
     return channel;
   }
   function deleteChannel(id) {
-    if (!view?.channels) return;
+    if (!view?.channels) {
+      return;
+    }
     const index = view.channels.findIndex((channel) => channel.id === id);
     if (index !== -1) {
       view.channels.splice(index, 1);
@@ -53,13 +59,17 @@ export function useMenuChannel(args) {
   }
   function selectChannel(id) {
     const channel = getChannel(id);
-    if (!channel) return;
+    if (!channel) {
+      return;
+    }
     channel.active = true;
     unselectSiblings(id);
   }
   function unselectChannel(id) {
     const channel = getChannel(id);
-    if (!channel) return;
+    if (!channel) {
+      return;
+    }
     channel.active = false;
   }
   return {

package/dist/plugins/MagicMenu/src/composables/private/useMenuView.mjs

@@ -68,7 +68,9 @@ export function useMenuView(instanceId) {
   }
   function getRelativeViewIndex(id) {
     const view = getView(id);
-    if (!view) return -1;
+    if (!view) {
+      return -1;
+    }
     const nestingLevel = view.parent.views.length;
     return state.views.findIndex(
       (v) => v.parent.views.length === nestingLevel && v.id === id
@@ -90,25 +92,33 @@ export function useMenuView(instanceId) {
   }
   function getParentView(id) {
     const view = getView(id);
-    if (!view) return void 0;
+    if (!view) {
+      return void 0;
+    }
     const parentId = view.parent.views[view.parent.views.length - 1];
     return parentId ? getView(parentId) : void 0;
   }
   function getUnrelatedViews(id) {
     const view = getView(id);
-    if (!view) return [];
+    if (!view) {
+      return [];
+    }
     const parentViewsSet = new Set(view.parent.views);
     return state.views.filter((v) => v.id !== id && !parentViewsSet.has(v.id));
   }
   function getDescendingViews(id) {
     const view = getView(id);
-    if (!view) return [];
+    if (!view) {
+      return [];
+    }
     const parentViewsSet = new Set(view.parent.views);
     return state.views.filter((v) => v.id !== id && !parentViewsSet.has(v.id));
   }
   async function selectView(id, delayMs = 0) {
     const view = getView(id);
-    if (!view) return;
+    if (!view) {
+      return;
+    }
     if (view.state.unselectAbortController) {
       view.state.unselectAbortController.abort();
     }
@@ -128,7 +138,9 @@ export function useMenuView(instanceId) {
   }
   async function unselectView(id, delayMs = 0) {
     const view = getView(id);
-    if (!view) return;
+    if (!view) {
+      return;
+    }
     if (view.state.selectAbortController) {
       view.state.selectAbortController.abort();
     }

package/dist/plugins/MagicMenu/src/utils/modeDelayDefaults.d.ts

@@ -2,10 +2,10 @@ export declare enum ModeDelayMouseenter {
     menubar = 0,
     dropdown = 0,
     context = 0,
-    navigation = 50
+    navigation = 0
 }
 export declare enum ModeDelayMouseleave {
-    navigation = 200
+    navigation = 100
 }
 export declare enum ModeDelayClick {
     menubar = 0,

package/dist/plugins/MagicMenu/src/utils/modeDelayDefaults.mjs

@@ -2,11 +2,11 @@ export var ModeDelayMouseenter = /* @__PURE__ */ ((ModeDelayMouseenter2) => {
   ModeDelayMouseenter2[ModeDelayMouseenter2["menubar"] = 0] = "menubar";
   ModeDelayMouseenter2[ModeDelayMouseenter2["dropdown"] = 0] = "dropdown";
   ModeDelayMouseenter2[ModeDelayMouseenter2["context"] = 0] = "context";
-  ModeDelayMouseenter2[ModeDelayMouseenter2["navigation"] = 50] = "navigation";
+  ModeDelayMouseenter2[ModeDelayMouseenter2["navigation"] = 0] = "navigation";
   return ModeDelayMouseenter2;
 })(ModeDelayMouseenter || {});
 export var ModeDelayMouseleave = /* @__PURE__ */ ((ModeDelayMouseleave2) => {
-  ModeDelayMouseleave2[ModeDelayMouseleave2["navigation"] = 200] = "navigation";
+  ModeDelayMouseleave2[ModeDelayMouseleave2["navigation"] = 100] = "navigation";
   return ModeDelayMouseleave2;
 })(ModeDelayMouseleave || {});
 export var ModeDelayClick = /* @__PURE__ */ ((ModeDelayClick2) => {

package/dist/plugins/MagicModal/src/components/MagicModal.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, resolveDynamicComponent as _resolveDynamicComponent, createVNode as _createVNode, mergeProps as _mergeProps, Teleport as _Teleport } from "vue";
-const _hoisted_1 = ["id"];
+const _hoisted_1 = ["data-id"];
 import {
   ref,
   watch,
@@ -113,10 +113,10 @@ export default /* @__PURE__ */ _defineComponent({
         disabled: _unref(mappedOptions).teleport?.disabled
       }, [
         _createElementVNode("div", _mergeProps({
-          id: toValue(_ctx.id),
           ref_key: "modalRef",
           ref: modalRef,
-          class: "magic-modal"
+          class: "magic-modal",
+          "data-id": toValue(_ctx.id)
         }, _ctx.$attrs, {
           "aria-modal": "true",
           onClick: _cache[1] || (_cache[1] = _withModifiers(

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

@@ -1,38 +0,0 @@
-import { type MaybeRef } from 'vue';
-import type { MagicModalOptions } from './../types/index.js';
-import '@maas/vue-equipment/utils/css/animations/fade-in.css';
-import '@maas/vue-equipment/utils/css/animations/fade-out.css';
-interface MagicModalProps {
-    id: MaybeRef<string>;
-    props?: Record<string, unknown>;
-    options?: MagicModalOptions;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        backdrop?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {
-        modalRef: any;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicModalProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicModalProps>>> & 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/MagicNoise/src/components/MagicNoise.vue

@@ -94,7 +94,7 @@ export default /* @__PURE__ */ _defineComponent({
   position: relative;
   user-select: none;
   transition: var(--magic-noise-loading-transition);
-  background: var(--magic-noise-background, transparent);
+  background: var(--magic-noise-background, #000);
   &[data-loading='true'] {
     background: var(--magic-noise-loading-background, #000);
     & > .magic-noise__inner {

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

@@ -3,14 +3,9 @@ interface MagicNoiseProps {
     options?: MagicNoiseOptions;
     pause?: boolean;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicNoiseProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicNoiseProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-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_TemplateRefs = {
+    canvasRef: typeof __VLS_nativeElements['canvas'];
+    offCanvasRef: typeof __VLS_nativeElements['canvas'];
 };
+declare const _default: import("vue").DefineComponent<MagicNoiseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicNoiseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
+export default _default;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudio.vue.d.ts

@@ -1,2 +1,5 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateRefs = {
+    elRef: typeof __VLS_nativeElements['audio'];
+};
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, __VLS_TemplateRefs, HTMLAudioElement>;
 export default _default;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue

@@ -96,10 +96,7 @@ export default /* @__PURE__ */ _defineComponent({
                 ]))
               ]),
               _createElementVNode("div", _hoisted_4, [
-                _createVNode(_component_magic_player_display_time, {
-                  id: _ctx.id,
-                  type: "current"
-                }, null, 8, ["id"])
+                _createVNode(_component_magic_player_display_time, { type: "current" })
               ]),
               _createElementVNode("div", _hoisted_5, [
                 _createElementVNode(
@@ -110,17 +107,14 @@ export default /* @__PURE__ */ _defineComponent({
                     class: "magic-player-audio-controls__timeline"
                   },
                   [
-                    _createVNode(_component_magic_player_timeline, { id: _ctx.id }, null, 8, ["id"])
+                    _createVNode(_component_magic_player_timeline)
                   ],
                   512
                   /* NEED_PATCH */
                 )
               ]),
               _createElementVNode("div", _hoisted_6, [
-                _createVNode(_component_magic_player_display_time, {
-                  id: _ctx.id,
-                  type: "duration"
-                }, null, 8, ["id"])
+                _createVNode(_component_magic_player_display_time, { type: "duration" })
               ])
             ],
             512

package/dist/plugins/MagicPlayer/src/components/MagicPlayerAudioControls.vue.d.ts

@@ -1,33 +0,0 @@
-interface MagicAudioPlayerControlsProps {
-    id?: string;
-}
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        playIcon?(_: {}): any;
-        pauseIcon?(_: {}): any;
-    };
-    refs: {
-        barRef: any;
-        trackRef: any;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAudioPlayerControlsProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicAudioPlayerControlsProps>>> & 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/MagicPlayer/src/components/MagicPlayerDisplayTime.vue.d.ts

@@ -1,14 +1,5 @@
 interface MagicPlayerDisplayTimeProps {
     type?: 'current' | 'remaining' | 'duration';
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicPlayerDisplayTimeProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicPlayerDisplayTimeProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<MagicPlayerDisplayTimeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerDisplayTimeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 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;
-    };
-};

package/dist/plugins/MagicPlayer/src/components/MagicPlayerMuxPopover.vue.d.ts

@@ -1,14 +1,8 @@
 interface MagicPlayerMuxPopoverProps {
     playbackId?: string;
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicPlayerMuxPopoverProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<MagicPlayerMuxPopoverProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-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_TemplateRefs = {
+    canvasRef: typeof __VLS_nativeElements['canvas'];
 };
+declare const _default: import("vue").DefineComponent<MagicPlayerMuxPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MagicPlayerMuxPopoverProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
+export default _default;

package/dist/plugins/MagicPlayer/src/components/MagicPlayerOverlay.vue

@@ -107,11 +107,11 @@ export default /* @__PURE__ */ _defineComponent({
   height: var(--magic-player-overlay-button-size, 2.5rem);
 }
 
-.magic-player-overlay.-playing[data-idle='true'] {
+.magic-player-overlay[data-playing='true'][data-idle='true'] {
   opacity: 0;
 }
 
-.magic-player-overlay.-playing[data-hover='false'] {
+.magic-player-overlay[data-playing='true'][data-hover='false'] {
   opacity: 0;
 }
 </style>