@maas/vue-equipment 0.12.1 → 0.13.1

package/dist/plugins/MagicScroll/src/components/MagicScrollMotion.vue.d.ts

@@ -1,33 +1,18 @@
 import { type Easing } from 'motion';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    keyframes: {
-        type: import("vue").PropType<Record<string, any> | null | undefined>;
-        required: true;
-        default: undefined;
-    };
-    offset: {
-        type: import("vue").PropType<number[]>;
-        default: undefined;
-    };
-    easing: {
-        type: import("vue").PropType<Easing>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    keyframes: {
-        type: import("vue").PropType<Record<string, any> | null | undefined>;
-        required: true;
-        default: undefined;
-    };
-    offset: {
-        type: import("vue").PropType<number[]>;
-        default: undefined;
-    };
-    easing: {
-        type: import("vue").PropType<Easing>;
-        default: string;
-    };
-}>>, {
+interface Props {
+    keyframes: Record<string, any> | null | undefined;
+    offset?: number[] | undefined;
+    easing?: Easing;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    keyframes: undefined;
+    offset: undefined;
+    easing: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    keyframes: undefined;
+    offset: undefined;
+    easing: string;
+}>>>, {
     keyframes: Record<string, any> | null | undefined;
     offset: number[];
     easing: Easing;
@@ -35,6 +20,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/plugins/MagicScroll/src/components/MagicScrollProvider.vue.d.ts

@@ -1,20 +1,12 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    el: {
-        type: import("vue").PropType<HTMLElement>;
-    };
-    active: {
-        type: import("vue").PropType<Boolean>;
-        default: () => true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    el: {
-        type: import("vue").PropType<HTMLElement>;
-    };
-    active: {
-        type: import("vue").PropType<Boolean>;
-        default: () => true;
-    };
-}>>, {
+interface Props {
+    active?: Boolean;
+    el?: HTMLElement;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    active: () => true;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    active: () => true;
+}>>>, {
     active: Boolean;
 }, {}>, {
     default?(_: {
@@ -39,6 +31,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue

@@ -66,7 +66,7 @@ watch(
     if (intersecting.value) {
       calculate()
     }
-  },
+  }
 )
 
 useIntersectionObserver(
@@ -77,7 +77,7 @@ useIntersectionObserver(
       calculate()
     }
   },
-  { rootMargin: '150% 0px 150% 0px', threshold: 0.01 },
+  { rootMargin: '150% 0px 150% 0px', threshold: 0.01 }
 )
 
 provide('mapValue', mapValue)

package/dist/plugins/MagicScroll/src/components/MagicScrollScene.vue.d.ts

@@ -1,30 +1,17 @@
 import { mapValue } from '@maas/vue-equipment/utils';
 import type { FromTo } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    to: {
-        type: import("vue").PropType<FromTo>;
-        default: string;
-    };
-    from: {
-        type: import("vue").PropType<FromTo>;
-        default: string;
-    };
-    debug: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    to: {
-        type: import("vue").PropType<FromTo>;
-        default: string;
-    };
-    from: {
-        type: import("vue").PropType<FromTo>;
-        default: string;
-    };
-    debug: {
-        type: import("vue").PropType<boolean>;
-    };
-}>>, {
+interface Props {
+    from?: FromTo;
+    to?: FromTo;
+    debug?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    from: string;
+    to: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    from: string;
+    to: string;
+}>>>, {
     to: FromTo;
     from: FromTo;
 }, {}>, {
@@ -34,6 +21,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     }): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/plugins/MagicScroll/src/components/MagicScrollTransform.vue.d.ts

@@ -1,70 +1,32 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    scale: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    scaleX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    scaleY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    skewX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    skewY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    as: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    translateX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    translateY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    scale: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    scaleX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    scaleY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    skewX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    skewY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    as: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    translateX: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-    translateY: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}>>, {
+interface Props {
+    as?: string;
+    scale?: number;
+    scaleX?: number;
+    scaleY?: number;
+    skewX?: number;
+    skewY?: number;
+    translateX?: number;
+    translateY?: number;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    as: string;
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    translateX: number;
+    translateY: number;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    as: string;
+    scale: number;
+    scaleX: number;
+    scaleY: number;
+    skewX: number;
+    skewY: number;
+    translateX: number;
+    translateY: number;
+}>>>, {
     scale: number;
     scaleX: number;
     scaleY: number;
@@ -77,6 +39,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/plugins/MagicScroll/src/composables/useScrollApi.d.ts

@@ -8,7 +8,7 @@ type UseScrollApiParams = {
 };
 export declare function useScrollApi(params: UseScrollApiParams): {
     getCalculations: () => void;
-    getProgress: () => any;
+    getProgress: () => number;
 };
 export type UseScrollApiReturn = ReturnType<typeof useScrollApi>;
 export {};

package/dist/plugins/MagicToast/demo/DemoToast.vue.d.ts

@@ -1,16 +1,18 @@
-declare const _default: import("vue").DefineComponent<{
-    message: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+interface Props {
+    message: string;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    message: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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/MagicToast/nuxt.mjs

@@ -6,7 +6,7 @@ import {
 } from "@nuxt/kit";
 export default defineNuxtModule({
   meta: {
-    name: "@maas/vue-equipment/MagicToast"
+    name: "@maas/vue-equipment/nuxt/MagicToast"
   },
   setup() {
     const resolver = createResolver(import.meta.url);

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

@@ -55,6 +55,12 @@ import MagicToastComponent from './MagicToastComponent.vue'
 
 import type { ToastOptions } from './../types/index'
 
+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'
+
 interface MagicToastProps {
   id: MaybeRef<string>
   class: MaybeRef<string>
@@ -107,124 +113,10 @@ function outsideClickCallback() {
 onClickOutside(listRef, outsideClickCallback)
 watch(
   () => props.id,
-  () => (teleportKey.value = uuid()),
+  () => (teleportKey.value = uuid())
 )
 </script>
 
-<style lang="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';
-
-:root {
-  --magic-toast-enter-animation: unset;
-  --magic-toast-leave-animation: fade-out 300ms ease;
-  --magic-toast-scale: 0.1;
-  --magic-toast-transform-x: 0;
-  --magic-toast-transform-y: 0;
-  --magic-toast-transition: transform 300ms ease;
-  --magic-toast-z-index: 999;
-  --magic-toast-gap: 0.75rem;
-  --magic-toast-padding-x: 1rem;
-  --magic-toast-padding-y: 1rem;
-
-  --mt-multiplier-x: 1;
-  --mt-multiplier-y: 1;
-  --mt-align-items: flex-start;
-  --mt-justify-content: center;
-}
-
-.magic-toast {
-  position: fixed;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  z-index: var(--magic-toast-z-index, 999);
-  background: transparent;
-  color: inherit;
-  pointer-events: none;
-}
-
-.magic-toast__inner {
-  position: relative;
-  overflow: scroll;
-  max-height: 100%;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: var(--mt-align-items);
-  justify-content: var(--mt-justify-content);
-}
-
-.magic-toast__inner * {
-  pointer-events: all;
-}
-
-.magic-toast.-top-left,
-.magic-toast.-top-center,
-.magic-toast.-top-right {
-  --magic-toast-transform-y: 10;
-  --magic-toast-enter-animation: slide-ttb-in 300ms ease;
-  --mt-multiplier-y: 1;
-  --mt-align-items: flex-start;
-  & .magic-toast-component {
-    padding-top: var(--magic-toast-padding-y, 1rem);
-  }
-}
-
-.magic-toast.-bottom-left,
-.magic-toast.-bottom-center,
-.magic-toast.-bottom-right {
-  --magic-toast-transform-y: 10;
-  --magic-toast-enter-animation: slide-btt-in 300ms ease;
-  --mt-multiplier-y: -1;
-  --mt-align-items: flex-end;
-  & .magic-toast-component {
-    padding-bottom: var(--magic-toast-padding-y, 1rem);
-  }
-}
-
-.magic-toast.-top-left,
-.magic-toast.-bottom-left {
-  --mt-justify-content: flex-start;
-  & .magic-toast-component {
-    padding-left: var(--magic-toast-padding-x, 1rem);
-  }
-}
-
-.magic-toast.-top-right,
-.magic-toast.-bottom-right {
-  --mt-justify-content: flex-end;
-  & .magic-toast-component {
-    padding-right: var(--magic-toast-padding-x, 1rem);
-  }
-}
-
-.magic-toast.-from-left {
-  --magic-toast-enter-animation: slide-ltr-in 300ms ease;
-  --magic-toast-transform-y: 0;
-  --magic-toast-transform-x: 30;
-  --mt-multiplier-x: 1;
-}
-
-.magic-toast.-from-right {
-  --magic-toast-enter-animation: slide-rtl-in 300ms ease;
-  --magic-toast-transform-y: 0;
-  --magic-toast-transform-x: 30;
-  --mt-multiplier-x: -1;
-}
-
-.magic-toast--list-enter-active {
-  animation: var(--magic-toast-enter-animation);
-}
-
-.magic-toast--list-leave-active {
-  animation: var(--magic-toast-leave-animation);
-}
+<style>
+:root{--magic-toast-enter-animation:unset;--magic-toast-leave-animation:fade-out 300ms ease;--magic-toast-scale:0.1;--magic-toast-transform-x:0;--magic-toast-transform-y:0;--magic-toast-transition:transform 300ms ease;--magic-toast-z-index:999;--magic-toast-gap:0.75rem;--magic-toast-padding-x:1rem;--magic-toast-padding-y:1rem;--mt-multiplier-x:1;--mt-multiplier-y:1;--mt-align-items:flex-start;--mt-justify-content:center}.magic-toast{align-items:center;background:transparent;color:inherit;flex-direction:column;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--magic-toast-z-index,999)}.magic-toast,.magic-toast__inner{display:flex;height:100%;width:100%}.magic-toast__inner{align-items:var(--mt-align-items);justify-content:var(--mt-justify-content);max-height:100%;overflow:scroll;position:relative}.magic-toast__inner *{pointer-events:all}.magic-toast.-top-center,.magic-toast.-top-left,.magic-toast.-top-right{--magic-toast-transform-y:10;--magic-toast-enter-animation:slide-ttb-in 300ms ease;--mt-multiplier-y:1;--mt-align-items:flex-start}.magic-toast.-top-center .magic-toast-component,.magic-toast.-top-left .magic-toast-component,.magic-toast.-top-right .magic-toast-component{padding-top:var(--magic-toast-padding-y,1rem)}.magic-toast.-bottom-center,.magic-toast.-bottom-left,.magic-toast.-bottom-right{--magic-toast-transform-y:10;--magic-toast-enter-animation:slide-btt-in 300ms ease;--mt-multiplier-y:-1;--mt-align-items:flex-end}.magic-toast.-bottom-center .magic-toast-component,.magic-toast.-bottom-left .magic-toast-component,.magic-toast.-bottom-right .magic-toast-component{padding-bottom:var(--magic-toast-padding-y,1rem)}.magic-toast.-bottom-left,.magic-toast.-top-left{--mt-justify-content:flex-start}.magic-toast.-bottom-left .magic-toast-component,.magic-toast.-top-left .magic-toast-component{padding-left:var(--magic-toast-padding-x,1rem)}.magic-toast.-bottom-right,.magic-toast.-top-right{--mt-justify-content:flex-end}.magic-toast.-bottom-right .magic-toast-component,.magic-toast.-top-right .magic-toast-component{padding-right:var(--magic-toast-padding-x,1rem)}.magic-toast.-from-left{--magic-toast-enter-animation:slide-ltr-in 300ms ease;--magic-toast-transform-y:0;--magic-toast-transform-x:30;--mt-multiplier-x:1}.magic-toast.-from-right{--magic-toast-enter-animation:slide-rtl-in 300ms ease;--magic-toast-transform-y:0;--magic-toast-transform-x:30;--mt-multiplier-x:-1}.magic-toast--list-enter-active{animation:var(--magic-toast-enter-animation)}.magic-toast--list-leave-active{animation:var(--magic-toast-leave-animation)}
 </style>

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

@@ -1,28 +1,23 @@
 import { type MaybeRef } from 'vue';
 import type { ToastOptions } from './../types/index';
-declare const _default: import("vue").DefineComponent<{
-    id: {
-        type: import("vue").PropType<MaybeRef<string>>;
-        required: true;
-    };
-    class: {
-        type: import("vue").PropType<MaybeRef<string>>;
-        required: true;
-    };
-    options: {
-        type: import("vue").PropType<ToastOptions>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: import("vue").PropType<MaybeRef<string>>;
-        required: true;
-    };
-    class: {
-        type: import("vue").PropType<MaybeRef<string>>;
+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';
+interface MagicToastProps {
+    id: MaybeRef<string>;
+    class: MaybeRef<string>;
+    options?: ToastOptions;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MagicToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MagicToastProps>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
     };
-    options: {
-        type: import("vue").PropType<ToastOptions>;
-    };
-}>>, {}, {}>;
-export default _default;
+};

package/dist/plugins/MagicToast/src/components/MagicToastComponent.vue

@@ -59,45 +59,6 @@ watchEffect(() => {
 })
 </script>
 
-<style lang="css">
-.magic-toast-component {
-  --mt-index: 0;
-  --mt-offset: 0;
-  --mt-matrix-scale: calc(1 - (var(--magic-toast-scale) * var(--mt-index, 0)));
-  --mt-matrix-transform-x: calc(
-    var(--magic-toast-transform-x) * var(--mt-index, 0) * var(--mt-multiplier-x)
-  );
-  --mt-matrix-transform-y: calc(
-    var(--magic-toast-transform-y) * var(--mt-index, 0) * var(--mt-multiplier-y)
-  );
-  position: absolute;
-  list-style: none;
-}
-
-.magic-toast-component__inner {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  transition: var(--magic-toast-transition, transform 300ms ease);
-  transform: matrix(
-    var(--mt-matrix-scale),
-    0,
-    0,
-    var(--mt-matrix-scale),
-    var(--mt-matrix-transform-x),
-    var(--mt-matrix-transform-y)
-  );
-}
-
-.magic-toast-component.expanded {
-  --mt-matrix-scale: 1;
-  --mt-matrix-transform-y: calc(var(--mt-offset) * var(--mt-multiplier-y));
-  --mt-matrix-transform-x: 0;
-  &:not(:last-child) {
-    & .magic-toast-component__inner {
-      padding-bottom: calc(var(--magic-toast-gap) * var(--mt-index));
-      padding-top: calc(var(--magic-toast-gap) * var(--mt-index));
-    }
-  }
-}
+<style>
+.magic-toast-component{--mt-index:0;--mt-offset:0;--mt-matrix-scale:calc(1 - var(--magic-toast-scale)*var(--mt-index, 0));--mt-matrix-transform-x:calc(var(--magic-toast-transform-x)*var(--mt-index, 0)*var(--mt-multiplier-x));--mt-matrix-transform-y:calc(var(--magic-toast-transform-y)*var(--mt-index, 0)*var(--mt-multiplier-y));list-style:none;position:absolute}.magic-toast-component__inner{height:100%;position:relative;transform:matrix(var(--mt-matrix-scale),0,0,var(--mt-matrix-scale),var(--mt-matrix-transform-x),var(--mt-matrix-transform-y));transition:var(--magic-toast-transition,transform .3s ease);width:100%}.magic-toast-component.expanded{--mt-matrix-scale:1;--mt-matrix-transform-y:calc(var(--mt-offset)*var(--mt-multiplier-y));--mt-matrix-transform-x:0}.magic-toast-component.expanded:not(:last-child) .magic-toast-component__inner{padding-bottom:calc(var(--magic-toast-gap)*var(--mt-index));padding-top:calc(var(--magic-toast-gap)*var(--mt-index))}
 </style>