@maas/vue-equipment 0.30.7 → 0.32.0

package/dist/plugins/MagicEmitter/src/types/index.d.ts

@@ -1,3 +1,4 @@
+import type { AccordionEvents } from '../../../MagicAccordion/src/types/index.js';
 import type { CookieEvents } from '../../../MagicCookie/src/types/index.js';
 import type { DraggableEvents } from '../../../MagicDraggable/src/types/index.js';
 import type { DrawerEvents } from '../../../MagicDrawer/src/types/index.js';
@@ -10,6 +11,7 @@ type MergeTypes<T, U> = {
 } & Omit<U, keyof T>;
 type Merge<T extends unknown[]> = T extends [infer First, ...infer Rest] ? MergeTypes<First, Merge<Rest>> : {};
 export type MagicEmitterEvents = Merge<[
+    AccordionEvents,
     CookieEvents,
     DraggableEvents,
     DrawerEvents,

package/dist/plugins/MagicMenu/index.d.ts

@@ -1,5 +1,5 @@
 import { useMagicMenu } from './src/composables/useMagicMenu.js';
-import { MagicMenuInstanceId, MagicMenuItemActive, MagicMenuParentTree } from './src/symbols/index.js';
+import { MagicMenuInstanceId, MagicMenuViewId, MagicMenuViewActive, MagicMenuItemId, MagicMenuItemActive, MagicMenuParentTree, MagicMenuChannelId, MagicMenuChannelActive, MagicMenuContentId } from './src/symbols/index.js';
 import type { Plugin } from 'vue';
 declare const MagicMenuPlugin: Plugin;
-export { MagicMenuPlugin, useMagicMenu, MagicMenuInstanceId, MagicMenuItemActive, MagicMenuParentTree, };
+export { MagicMenuPlugin, useMagicMenu, MagicMenuInstanceId, MagicMenuViewId, MagicMenuViewActive, MagicMenuItemId, MagicMenuItemActive, MagicMenuParentTree, MagicMenuChannelId, MagicMenuChannelActive, MagicMenuContentId, };

package/dist/plugins/MagicMenu/index.mjs

@@ -9,8 +9,14 @@ import MagicMenuView from "./src/components/MagicMenuView.vue";
 import { useMagicMenu } from "./src/composables/useMagicMenu.mjs";
 import {
   MagicMenuInstanceId,
+  MagicMenuViewId,
+  MagicMenuViewActive,
+  MagicMenuItemId,
   MagicMenuItemActive,
-  MagicMenuParentTree
+  MagicMenuParentTree,
+  MagicMenuChannelId,
+  MagicMenuChannelActive,
+  MagicMenuContentId
 } from "./src/symbols/index.mjs";
 const MagicMenuPlugin = {
   install: (app) => {
@@ -28,6 +34,12 @@ export {
   MagicMenuPlugin,
   useMagicMenu,
   MagicMenuInstanceId,
+  MagicMenuViewId,
+  MagicMenuViewActive,
+  MagicMenuItemId,
   MagicMenuItemActive,
-  MagicMenuParentTree
+  MagicMenuParentTree,
+  MagicMenuChannelId,
+  MagicMenuChannelActive,
+  MagicMenuContentId
 };

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

@@ -37,6 +37,7 @@
     </transition>
     <span
       v-for="point in coords"
+      v-if="state.options.debug"
       :style="{
         background: 'red',
         position: 'fixed',
@@ -69,6 +70,8 @@ import { useMenuState } from '../composables/private/useMenuState'
 import { useMenuCallback } from '../composables/private/useMenuCallback'
 import { useMenuDOM } from '../composables/private/useMenuDOM'
 import { useMenuCursor } from '../composables/private/useMenuCursor'
+import { ModeTransitions } from '../utils/modeTransitionDefaults'
+import { ModeDelayMouseleave } from '../utils/modeDelayDefaults'
 import {
   MagicMenuInstanceId,
   MagicMenuViewId,
@@ -77,7 +80,6 @@ import {
 
 import '@maas/vue-equipment/utils/css/animations/fade-in.css'
 import '@maas/vue-equipment/utils/css/animations/fade-out.css'
-import { ModeTransitions } from '../utils/modeTransitions'
 
 defineOptions({
   inheritAttrs: false,
@@ -126,7 +128,12 @@ const mappedTransition = computed(() => {
 const innerActive = ref(false)
 const wrapperActive = ref(false)
 
-const { lockScroll, unlockScroll } = useMenuDOM()
+const {
+  lockScroll,
+  unlockScroll,
+  addScrollLockPadding,
+  removeScrollLockPadding,
+} = useMenuDOM()
 const {
   onBeforeEnter,
   onEnter,
@@ -138,9 +145,11 @@ const {
   state,
   instanceId,
   viewId,
+  wrapperActive,
   lockScroll,
   unlockScroll,
-  wrapperActive,
+  addScrollLockPadding,
+  removeScrollLockPadding,
 })
 
 // Handle state
@@ -208,7 +217,9 @@ watch(isOutside, (value, oldValue) => {
   if (value && !oldValue) {
     switch (state.options.mode) {
       case 'navigation':
-        unselectView(viewId, 200)
+        const delay =
+          state.options.delay?.mouseleave ?? ModeDelayMouseleave.navigation
+        unselectView(viewId, delay)
     }
   }
 })

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

@@ -42,6 +42,7 @@ import {
 import { MagicMenuInstanceId, MagicMenuViewId } from '../symbols'
 import { useMenuView } from '../composables/private/useMenuView'
 import { useMenuState } from '../composables/private/useMenuState'
+import { ModeFloatingStrategy } from '../utils/modeFloatingStrategyDefaults'
 
 interface MagicMenuFloatProps {
   placement?: Placement
@@ -165,11 +166,18 @@ const mappedReferenceEl = computed(() => {
   }
 })
 
+const mappedStrategy = computed(() => {
+  return (
+    state.options.floating?.strategy ?? ModeFloatingStrategy[state.options.mode]
+  )
+})
+
 const { floatingStyles, placement, middlewareData } = useFloating(
   mappedReferenceEl,
   elRef,
   {
     placement: mappedPlacement,
+    strategy: mappedStrategy,
     whileElementsMounted: autoUpdate,
     middleware: mappedMiddleware,
   }

package/dist/plugins/MagicMenu/src/composables/private/useMenuCallback.d.ts

@@ -4,9 +4,11 @@ type UseMenuCallbackArgs = {
     state: MenuState;
     instanceId: MaybeRef<string>;
     viewId: string;
+    wrapperActive: Ref<boolean>;
     lockScroll: () => void;
     unlockScroll: () => void;
-    wrapperActive: Ref<boolean>;
+    addScrollLockPadding: () => void;
+    removeScrollLockPadding: () => void;
 };
 export declare function useMenuCallback(args: UseMenuCallbackArgs): {
     onBeforeEnter: (_el: Element) => void;

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

@@ -1,48 +1,48 @@
 import { toValue } from "vue";
 import { useMagicEmitter } from "@maas/vue-equipment/plugins";
+import { ModeScrollLock } from "../../utils/modeScrollLockDefaults.mjs";
 export function useMenuCallback(args) {
-  const { state, instanceId, viewId, lockScroll, unlockScroll, wrapperActive } = args;
+  const {
+    state,
+    instanceId,
+    viewId,
+    wrapperActive,
+    lockScroll,
+    unlockScroll,
+    addScrollLockPadding,
+    removeScrollLockPadding
+  } = args;
   const emitter = useMagicEmitter();
   function onBeforeEnter(_el) {
-    emitter.emit("beforeEnter", { id: toValue(instanceId), view: viewId });
+    emitter.emit("beforeEnter", { id: toValue(instanceId), viewId });
   }
   function onEnter(_el) {
-    emitter.emit("enter", { id: toValue(instanceId), view: viewId });
+    emitter.emit("enter", { id: toValue(instanceId), viewId });
   }
   function onAfterEnter(_el) {
-    emitter.emit("afterEnter", { id: toValue(instanceId), view: viewId });
-    switch (state.options.mode) {
-      case "dropdown":
-        lockScroll();
-        break;
-      case "menubar":
-        break;
-      case "navigation":
-        break;
-      case "context":
-        lockScroll();
-        break;
+    emitter.emit("afterEnter", { id: toValue(instanceId), viewId });
+    const scrollLock = state.options.scrollLock ?? ModeScrollLock[state.options.mode].value;
+    if (!!scrollLock) {
+      lockScroll();
+      if (typeof scrollLock === "object" && scrollLock.padding) {
+        addScrollLockPadding();
+      }
     }
   }
   function onBeforeLeave(_el) {
-    emitter.emit("beforeLeave", { id: toValue(instanceId), view: viewId });
+    emitter.emit("beforeLeave", { id: toValue(instanceId), viewId });
   }
   function onLeave(_el) {
-    emitter.emit("leave", { id: toValue(instanceId), view: viewId });
+    emitter.emit("leave", { id: toValue(instanceId), viewId });
   }
   function onAfterLeave(_el) {
-    emitter.emit("afterLeave", { id: toValue(instanceId), view: viewId });
-    switch (state.options.mode) {
-      case "dropdown":
-        unlockScroll();
-        break;
-      case "menubar":
-        break;
-      case "navigation":
-        break;
-      case "context":
-        unlockScroll();
-        break;
+    emitter.emit("afterLeave", { id: toValue(instanceId), viewId });
+    const scrollLock = state.options.scrollLock ?? ModeScrollLock[state.options.mode].value;
+    if (!!scrollLock) {
+      unlockScroll();
+      if (typeof scrollLock === "object" && scrollLock.padding) {
+        removeScrollLockPadding();
+      }
     }
     wrapperActive.value = false;
   }

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

@@ -1,6 +1,10 @@
 import { useMagicKeys, useFocus } from "@vueuse/core";
 import { useMenuView } from "./useMenuView.mjs";
 import { useMenuState } from "./useMenuState.mjs";
+import {
+  ModeDelayClick,
+  ModeDelayMouseenter
+} from "../../utils/modeDelayDefaults.mjs";
 export function useMenuTrigger(args) {
   const { instanceId, viewId, itemId, mappedTrigger, mappedDisabled, elRef } = args;
   const { getView, selectView, unselectView } = useMenuView(instanceId);
@@ -12,7 +16,8 @@ export function useMenuTrigger(args) {
   function onRightClick(e) {
     switch (e.button) {
       case 2:
-        selectView(viewId);
+        const delay = state.options.delay?.rightClick ?? 0;
+        selectView(viewId, delay);
         state.active = true;
         if (view) {
           view.state.clicked = { x: e.clientX, y: e.clientY };
@@ -41,13 +46,8 @@ export function useMenuTrigger(args) {
       if (mappedTrigger.value[0] === "mouseenter") {
         state.active = true;
       }
-      let delay = 0;
-      switch (state.options.mode) {
-        case "navigation":
-          delay = 200;
-          break;
-      }
       if (state.active) {
+        const delay = state.options.delay?.mouseenter ?? ModeDelayMouseenter[state.options.mode];
         selectView(viewId, delay);
         if (!itemId) {
           state.input.view = viewId;
@@ -57,14 +57,9 @@ export function useMenuTrigger(args) {
   }
   function onClick(e) {
     if (mappedTrigger.value.includes("click") && !mappedDisabled.value && e.button === 0 && viewId) {
-      let delay = 0;
-      switch (state.options.mode) {
-        case "navigation":
-          delay = 200;
-          break;
-      }
       switch (true) {
         case !state.active:
+          const delay = state.options.delay?.click ?? ModeDelayClick[state.options.mode];
           state.active = true;
           selectView(viewId, delay);
           if (!itemId) {
@@ -79,6 +74,7 @@ export function useMenuTrigger(args) {
     }
     if (mappedTrigger.value.includes("right-click") && viewId) {
       e.preventDefault();
+      e.stopPropagation();
       if (control.value || shift.value) {
         onRightClick(
           new MouseEvent(e.type, {

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

@@ -101,13 +101,13 @@ export function useMenuView(instanceId) {
         await delay(delayMs, abortController.signal);
         instance.active = true;
         unselectUnrelatedViews(id);
-      } catch (err) {
-        if (err.name === "AbortError") {
+      } catch (error) {
+        if (error.name === "AbortError") {
           console.log(
             `selectView() was interrupted by a call to unselectView()`
           );
         } else {
-          throw err;
+          throw error;
         }
       }
     }
@@ -123,13 +123,13 @@ export function useMenuView(instanceId) {
       try {
         await delay(delayMs, abortController.signal);
         instance.active = false;
-      } catch (err) {
-        if (err.name === "AbortError") {
+      } catch (error) {
+        if (error.name === "AbortError") {
           console.log(
             `unselectView() was interrupted by a call to selectView()`
           );
         } else {
-          throw err;
+          throw error;
         }
       }
     }

package/dist/plugins/MagicMenu/src/types/index.d.ts

@@ -1,9 +1,11 @@
 import type { Placement } from '@floating-ui/vue';
-import type { RequireAllNested } from '@maas/vue-equipment/utils';
 type MenuMode = 'dropdown' | 'menubar' | 'context' | 'navigation';
 export interface MagicMenuOptions {
     mode?: MenuMode;
     debug?: boolean;
+    scrollLock?: boolean | {
+        padding: boolean;
+    };
     transition?: {
         content?: {
             default?: string;
@@ -11,7 +13,30 @@ export interface MagicMenuOptions {
         };
         channel?: string;
     };
+    floating?: {
+        strategy: 'fixed' | 'absolute';
+    };
+    delay?: {
+        mouseenter?: number;
+        mouseleave?: number;
+        click?: number;
+        rightClick?: number;
+    };
+}
+export interface RequiredMagicMenuOptions {
+    mode: MenuMode;
+    debug: boolean;
+    transition: {
+        content: {
+            default: string;
+            nested: string;
+        };
+        channel: string;
+    };
+}
+export interface OptionalMagicMenuOptions extends Pick<MagicMenuOptions, 'scrollLock' | 'floating' | 'delay'> {
 }
+export type CombinedMagicMenuOptions = RequiredMagicMenuOptions & OptionalMagicMenuOptions;
 export type Interaction = 'click' | 'mouseenter' | 'right-click';
 export type Coordinates = {
     x: number;
@@ -46,7 +71,7 @@ export interface MenuState {
     id: string;
     active: boolean;
     views: MenuView[];
-    options: RequireAllNested<MagicMenuOptions>;
+    options: CombinedMagicMenuOptions;
     input: {
         type: 'keyboard' | 'pointer';
         disabled: ('keyboard' | 'pointer')[];
@@ -56,27 +81,27 @@ export interface MenuState {
 export type MenuEvents = {
     beforeEnter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     enter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     afterEnter: {
         id: string;
-        view: string;
+        viewId: string;
     };
     beforeLeave: {
         id: string;
-        view: string;
+        viewId: string;
     };
     leave: {
         id: string;
-        view: string;
+        viewId: string;
     };
     afterLeave: {
         id: string;
-        view: string;
+        viewId: string;
     };
 };
 export {};

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

@@ -1,4 +1,3 @@
-import type { MagicMenuOptions } from '../types.js';
-import type { RequireAllNested } from '@maas/vue-equipment/utils';
-declare const defaultOptions: RequireAllNested<MagicMenuOptions>;
+import type { RequiredMagicMenuOptions } from '../types.js';
+declare const defaultOptions: RequiredMagicMenuOptions;
 export { defaultOptions };

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

@@ -0,0 +1,15 @@
+export declare enum ModeDelayMouseenter {
+    menubar = 0,
+    dropdown = 0,
+    context = 0,
+    navigation = 200
+}
+export declare enum ModeDelayMouseleave {
+    navigation = 200
+}
+export declare enum ModeDelayClick {
+    menubar = 0,
+    dropdown = 0,
+    context = 0,
+    navigation = 0
+}

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

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

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

@@ -0,0 +1,6 @@
+export declare enum ModeFloatingStrategy {
+    menubar = "absolute",
+    dropdown = "absolute",
+    context = "absolute",
+    navigation = "fixed"
+}

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

@@ -0,0 +1,7 @@
+export var ModeFloatingStrategy = /* @__PURE__ */ ((ModeFloatingStrategy2) => {
+  ModeFloatingStrategy2["menubar"] = "absolute";
+  ModeFloatingStrategy2["dropdown"] = "absolute";
+  ModeFloatingStrategy2["context"] = "absolute";
+  ModeFloatingStrategy2["navigation"] = "fixed";
+  return ModeFloatingStrategy2;
+})(ModeFloatingStrategy || {});

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

@@ -0,0 +1,12 @@
+export declare class ModeScrollLock {
+    private readonly key;
+    readonly value: false | {
+        padding: boolean;
+    };
+    static readonly menubar: ModeScrollLock;
+    static readonly dropdown: ModeScrollLock;
+    static readonly context: ModeScrollLock;
+    static readonly navigation: ModeScrollLock;
+    private constructor();
+    toString(): string;
+}

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

@@ -0,0 +1,13 @@
+export class ModeScrollLock {
+  constructor(key, value) {
+    this.key = key;
+    this.value = value;
+  }
+  static menubar = new ModeScrollLock("menubar", false);
+  static dropdown = new ModeScrollLock("dropdown", { padding: true });
+  static context = new ModeScrollLock("context", { padding: true });
+  static navigation = new ModeScrollLock("navigation", false);
+  toString() {
+    return this.key;
+  }
+}

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

@@ -60,5 +60,5 @@ const { idle } = useIdle(3000)
 </script>
 
 <style>
-:root{--magic-player-overlay-background:rgba(0,0,0,.3);--magic-player-overlay-color:#fff;--magic-player-overlay-button-size:2.5rem}.magic-player-overlay{align-items:center;background-color:var(--magic-player-overlay-background);color:var(--magic-player-overlay-color);cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:ease}.magic-player-overlay__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;height:var(--magic-player-overlay-button-size);outline:none;padding:0;width:var(--magic-player-overlay-button-size)}.magic-player-overlay.-playing.-idle,.magic-player-overlay.-playing.-not-hover{opacity:0}
+:root{--magic-player-overlay-background:rgba(0,0,0,.3);--magic-player-overlay-color:#fff;--magic-player-overlay-button-size:2.5rem;--magic-player-overlay-transition:opacity 300ms ease}.magic-player-overlay{align-items:center;background-color:var(--magic-player-overlay-background);color:var(--magic-player-overlay-color);cursor:pointer;display:flex;inset:0;justify-content:center;position:absolute;transition:var(--magic-player-overlay-transition)}.magic-player-overlay__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:inherit;cursor:pointer;height:var(--magic-player-overlay-button-size);outline:none;padding:0;width:var(--magic-player-overlay-button-size)}.magic-player-overlay.-playing.-idle,.magic-player-overlay.-playing.-not-hover{opacity:0}
 </style>

package/dist/plugins/MagicScroll/src/symbols/index.d.ts

@@ -1,6 +1,6 @@
-import type { InjectionKey, Ref, MaybeRefOrGetter } from 'vue';
+import type { InjectionKey, Ref, MaybeRef } from 'vue';
 import type { UseScrollReturn } from '@vueuse/core';
-declare const MagicScrollParent: InjectionKey<MaybeRefOrGetter<HTMLElement | undefined>>;
+declare const MagicScrollParent: InjectionKey<MaybeRef<HTMLElement | undefined>>;
 declare const MagicScrollProgress: InjectionKey<Ref<number>>;
 declare const MagicScrollReturn: InjectionKey<UseScrollReturn | undefined>;
 export { MagicScrollParent, MagicScrollProgress, MagicScrollReturn };

package/dist/plugins/MagicToast/src/composables/private/useToastApi.d.ts

@@ -1,5 +1,5 @@
 import { type MaybeRef } from 'vue';
 export declare function useToastApi(id: MaybeRef<string>): {
-    initialize: () => any;
+    initialize: () => import("../../types").ToastInstance | undefined;
     destroy: (id: string) => void;
 };

package/dist/plugins/MagicToast/src/composables/private/useToastStore.d.ts

@@ -1,7 +1,17 @@
-import type { MagicToastInstance } from '../../types.js';
+import type { ToastInstance, AddToastArgs } from '../../types.js';
 export declare function useToastStore(): {
-    toastStore: import("vue").Ref<any>;
-    findInstance: (id: string) => MagicToastInstance | undefined;
-    addInstance: (id: string) => MagicToastInstance;
+    toastStore: import("vue").Ref<{
+        id: string;
+        toasts: {
+            id: string;
+            component: Object;
+            props?: Record<string, any> | undefined;
+            remove: Function;
+        }[];
+        add: (args: AddToastArgs) => string;
+        remove: (id: string) => void;
+    }[]>;
+    findInstance: (id: string) => ToastInstance | undefined;
+    addInstance: (id: string) => ToastInstance;
     removeInstance: (id: string) => void;
 };

package/dist/plugins/MagicToast/src/composables/useMagicToast.d.ts

@@ -1,11 +1,11 @@
 import { type MaybeRef } from 'vue';
 import type { AddToastArgs } from './../types.js';
 export declare function useMagicToast(id: MaybeRef<string>): {
-    toasts: import("vue").ComputedRef<any>;
-    count: import("vue").ComputedRef<any>;
-    firstToast: import("vue").ComputedRef<any>;
-    lastToast: import("vue").ComputedRef<any>;
-    add: (options: AddToastArgs) => Promise<any>;
+    toasts: import("vue").ComputedRef<import("./../types").Toast[] | undefined>;
+    count: import("vue").ComputedRef<number | undefined>;
+    firstToast: import("vue").ComputedRef<import("./../types").Toast | undefined>;
+    lastToast: import("vue").ComputedRef<import("./../types").Toast | undefined>;
+    add: (options: AddToastArgs) => Promise<string | undefined>;
     remove: (toastId: string) => void;
     clear: () => void;
 };

package/dist/plugins/index.d.ts

@@ -1,3 +1,4 @@
+export * from './MagicAccordion/index.js';
 export * from './MagicAutoSize/index.js';
 export * from './MagicCommand/index.js';
 export * from './MagicCookie/index.js';

package/dist/plugins/index.mjs

@@ -1,3 +1,4 @@
+export * from "./MagicAccordion/index.mjs";
 export * from "./MagicAutoSize/index.mjs";
 export * from "./MagicCommand/index.mjs";
 export * from "./MagicCookie/index.mjs";

package/dist/utils/css/easings.css

@@ -0,0 +1,4 @@
+:root {
+  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
+  --ease-in-out-sharp: cubic-bezier(0.83, 0, 0.17, 1);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maas/vue-equipment",
   "description": "A magic collection of Vue composables, plugins, components and directives",
-  "version": "0.30.7",
+  "version": "0.32.0",
   "author": "Robin Scholz <https://github.com/robinscholz>, Christoph Jeworutzki <https://github.com/ChristophJeworutzki>",
   "type": "module",
   "devDependencies": {

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerStore.d.ts

@@ -1,5 +0,0 @@
-export declare function useDrawerStore(): {
-    drawerStore: import("vue").Ref<string[]>;
-    addInstance: (id: string) => void;
-    removeInstance: (id: string) => void;
-};

package/dist/plugins/MagicDrawer/src/composables/private/useDrawerStore.mjs

@@ -1,15 +0,0 @@
-import { ref } from "vue";
-let drawerStore = ref([]);
-export function useDrawerStore() {
-  function addInstance(id) {
-    drawerStore.value.push(id);
-  }
-  function removeInstance(id) {
-    drawerStore.value = drawerStore.value.filter((x) => x !== id);
-  }
-  return {
-    drawerStore,
-    addInstance,
-    removeInstance
-  };
-}