@noction/vue-bezier 1.11.2 → 2.0.0-beta.1

package/README.md

@@ -15,17 +15,9 @@ npm i -S @noction/vue-bezier
 ## Local usage :rocket:
 
 ```vue
-<template>
-   <fade-transition>
-      <div class="box" v-show="show">
-        <p>Fade transition</p>
-      </div>
-    </fade-transition>
-</template>
-
 <script>
-import '@noction/vue-bezier/styles'
 import { FadeTransition } from '@noction/vue-bezier'
+import '@noction/vue-bezier/styles'
 
 export default {
   components: {
@@ -33,13 +25,21 @@ export default {
   }
 }
 </script>
+
+<template>
+  <FadeTransition>
+    <div v-show="show" class="box">
+      <p>Fade transition</p>
+    </div>
+  </FadeTransition>
+</template>
 ```
 
 ## Global usage
 ```js
-import '@noction/vue-bezier/styles'
 import Transitions from '@noction/vue-bezier'
 import { createApp } from 'vue'
+import '@noction/vue-bezier/styles'
 
 const app = createApp(App)
 app.use(Transitions)
@@ -92,11 +92,11 @@ Gotchas/things to watch:
 - Scale
   ```css
     .scale-move { transition: transform .3s cubic-bezier(.25, .8, .50, 1); }
-  ``` 
+  ```
 - Fade
   ```css
     .fade-move { transition: transform .3s ease-out; }
-   ``` 
+   ```
 If you want to configure the duration, just redefine the class for the transition you use with the desired duration.
 
 ## License
@@ -105,4 +105,4 @@ MIT &copy; [50rayn](https://github.com/50rayn)
 
 ## Special thanks to
 
-@cristijora (The UI for list transitions in the demo is inspired by [vue2-transitions](https://github.com/BinarCode/vue2-transitions) )  
+@cristijora (The UI for list transitions in the demo is inspired by [vue2-transitions](https://github.com/BinarCode/vue2-transitions) )

package/dist/style.css

@@ -1 +1 @@
-.noc-collapse-move{transition:transform .3s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.noc-fade-enter-active{animation-name:fade-in}.noc-fade-leave-active{animation-name:fade-out}.noc-fade-move{transition:transform .35s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1}}@keyframes scale-out{0%{opacity:1}to{opacity:0;transform:scale(0)}}.noc-scale-enter-active{animation-name:scale-in}.noc-scale-leave-active{animation-name:scale-out}.noc-scale-move{transition:transform .3s cubic-bezier(.25,.8,.5,1)}@keyframes slide-x-left-in{0%{opacity:0;transform:translate(-15px)}to{opacity:1}}@keyframes slide-x-left-out{0%{opacity:1}to{opacity:0;transform:translate(-15px)}}.noc-slide-left-enter-active{animation-name:slide-x-left-in}.noc-slide-left-leave-active{animation-name:slide-x-left-out}.noc-slide-left-move{transition:transform .3s ease-out}@keyframes slide-x-right-in{0%{opacity:0;transform:translate(15px)}to{opacity:1}}@keyframes slide-x-right-out{0%{opacity:1}to{opacity:0;transform:translate(15px)}}.noc-slide-right-enter-active{animation-name:slide-x-right-in}.noc-slide-right-leave-active{animation-name:slide-x-right-out}.noc-slide-right-move{transition:transform .3s ease-out}@keyframes slide-y-down-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1}}@keyframes slide-y-down-out{0%{opacity:1}to{opacity:0;transform:translateY(15px)}}.noc-slide-down-enter-active{animation-name:slide-y-down-in}.noc-slide-down-leave-active{animation-name:slide-y-down-out}.noc-slide-down-move{transition:transform .3s ease-out}@keyframes slide-y-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1}}@keyframes slide-y-out{0%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.noc-slide-up-enter-active{animation-name:slide-y-in}.noc-slide-up-leave-active{animation-name:slide-y-out}.noc-slide-up-move{transition:transform .3s ease-out}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoom-out{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.noc-zoom-enter-active{animation-name:zoom-in}.noc-zoom-leave-active{animation-name:zoom-out}.noc-zoom-move{transition:transform .3s ease-out}@keyframes zoom-in-up{0%{opacity:0;transform:scaleY(0);transform-origin:top center}50%{opacity:1}to{transform:scaleY(1)}}@keyframes zoom-out-up{0%{opacity:1}50%{transform:scaleY(0)}to{opacity:0}}.noc-zoom-up-enter-active{animation-name:zoom-in-up}.noc-zoom-up-leave-active{animation-name:zoom-out-up}.noc-zoom-up-move{transition:transform .3s ease-out}@keyframes zoom-in-x{0%{opacity:0;transform:scaleX(0)}50%{opacity:1}}@keyframes zoom-out-x{0%{opacity:1}50%{opacity:0;transform:scaleX(0)}to{opacity:0}}.noc-zoom-x-enter-active{animation-name:zoom-in-x}.noc-zoom-x-leave-active{animation-name:zoom-out-x}.noc-zoom-x-move{transition:transform .3s ease-out}@keyframes zoom-in-y{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes zoom-out-y{0%{opacity:1}50%{opacity:0;transform:scaleY(0)}to{opacity:0}}.noc-zoom-y-enter-active{animation-name:zoom-in-y}.noc-zoom-y-leave-active{animation-name:zoom-out-y}.noc-zoom-y-move{transition:transform .3s ease-out}
+.noc-collapse-move{transition:transform .3s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.noc-fade-enter-active{animation-name:fade-in}.noc-fade-leave-active{animation-name:fade-out}.noc-fade-move{transition:transform .35s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1}}@keyframes scale-out{0%{opacity:1}to{opacity:0;transform:scale(0)}}.noc-scale-enter-active{animation-name:scale-in}.noc-scale-leave-active{animation-name:scale-out}.noc-scale-move{transition:transform .3s cubic-bezier(.25,.8,.5,1)}@keyframes slide-x-left-in{0%{opacity:0;transform:translate(-15px)}to{opacity:1}}@keyframes slide-x-left-out{0%{opacity:1}to{opacity:0;transform:translate(-15px)}}.noc-slide-left-enter-active{animation-name:slide-x-left-in}.noc-slide-left-leave-active{animation-name:slide-x-left-out}.noc-slide-left-move{transition:transform .3s ease-out}@keyframes slide-x-right-in{0%{opacity:0;transform:translate(15px)}to{opacity:1}}@keyframes slide-x-right-out{0%{opacity:1}to{opacity:0;transform:translate(15px)}}.noc-slide-right-enter-active{animation-name:slide-x-right-in}.noc-slide-right-leave-active{animation-name:slide-x-right-out}.noc-slide-right-move{transition:transform .3s ease-out}@keyframes slide-y-down-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1}}@keyframes slide-y-down-out{0%{opacity:1}to{opacity:0;transform:translateY(15px)}}.noc-slide-down-enter-active{animation-name:slide-y-down-in}.noc-slide-down-leave-active{animation-name:slide-y-down-out}.noc-slide-down-move{transition:transform .3s ease-out}@keyframes slide-y-in{0%{opacity:0;transform:translateY(-15px)}to{opacity:1}}@keyframes slide-y-out{0%{opacity:1}to{opacity:0;transform:translateY(-15px)}}.noc-slide-up-enter-active{animation-name:slide-y-in}.noc-slide-up-leave-active{animation-name:slide-y-out}.noc-slide-up-move{transition:transform .3s ease-out}.blur-enter-active[data-v-7be59bae],.blur-leave-active[data-v-7be59bae]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:all var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:opacity,filter}.blur-leave-active[data-v-7be59bae]{transition:all var(--transition-leave-duration) ease var(--transition-leave-delay)}.blur-enter-from[data-v-7be59bae]{filter:blur(8px);opacity:0}.blur-enter-to[data-v-7be59bae],.blur-leave-from[data-v-7be59bae]{filter:blur(0);opacity:1}.blur-leave-to[data-v-7be59bae]{filter:blur(8px);opacity:0}@property --transition-enter-duration{syntax: "<time>"; inherits: false; initial-value: 1s;}@property --transition-leave-duration{syntax: "<time>"; inherits: false; initial-value: .99s;}.clip-enter-active[data-v-df810289]{position:relative;transition:all var(--transition-enter-duration) ease-in var(--transition-enter-delay)}.clip-leave-active[data-v-df810289]{position:absolute;transition:all calc(var(--transition-leave-duration) - .01s) linear calc(var(--transition-leave-delay))}.clip-circle.clip-enter-from[data-v-df810289]{clip-path:circle(0%)}.clip-circle.clip-enter-to[data-v-df810289]{clip-path:circle(100%)}.clip-square.clip-enter-from[data-v-df810289]{clip-path:polygon(50% 50%,50% 50%,50% 50%,50% 50%)}.clip-square.clip-enter-to[data-v-df810289]{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dissolve-list>*{--transition-enter-duration: inherit;--transition-leave-duration: inherit;--transition-enter-delay: inherit;--transition-leave-delay: inherit}.dissolve-enter-active{transition:opacity var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:opacity}.dissolve-leave-active{position:absolute;transition:opacity var(--transition-leave-duration) ease var(--transition-leave-delay);will-change:opacity;backface-visibility:hidden}.dissolve-enter-from,.dissolve-leave-to{opacity:0}.dissolve-enter-to,.dissolve-leave-from{opacity:1}.dissolve-move{transition:transform var(--transition-enter-duration) ease-out var(--transition-enter-delay)}.dissolve-enter-active[data-v-5960431f]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:opacity var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:opacity;backface-visibility:hidden}.dissolve-leave-active[data-v-5960431f]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:opacity var(--transition-leave-duration) ease var(--transition-leave-delay);will-change:opacity;backface-visibility:hidden}.dissolve-enter-from[data-v-5960431f],.dissolve-leave-to[data-v-5960431f]{opacity:0}.dissolve-enter-to[data-v-5960431f],.dissolve-leave-from[data-v-5960431f]{opacity:1}.fade-slide-enter-active[data-v-9e8b9b73],.fade-slide-leave-active[data-v-9e8b9b73]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:all var(--transition-enter-duration) ease var(--transition-enter-delay);backface-visibility:hidden}.fade-slide-leave-active[data-v-9e8b9b73]{transition:all var(--transition-leave-duration) ease var(--transition-leave-delay);backface-visibility:hidden}.fade-slide-enter-from[data-v-9e8b9b73]{opacity:0;transform:translateY(.5rem)}.fade-slide-enter-to[data-v-9e8b9b73],.fade-slide-leave-from[data-v-9e8b9b73]{opacity:1;transform:translateY(0)}.fade-slide-leave-to[data-v-9e8b9b73]{opacity:0;transform:translateY(.5rem)}.push-enter-active[data-v-534f8451],.push-leave-active[data-v-534f8451]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:opacity var(--transition-enter-duration) ease var(--transition-enter-delay),transform var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:opacity,transform;backface-visibility:hidden}.push-leave-active[data-v-534f8451]{transition:opacity var(--transition-leave-duration) ease var(--transition-leave-delay),transform var(--transition-leave-duration) ease var(--transition-leave-delay);backface-visibility:hidden}.push-enter-to[data-v-534f8451],.push-leave-from[data-v-534f8451]{opacity:1;transform:translate(0)}.push-left.push-enter-from[data-v-534f8451]{opacity:0;transform:translate(100%)}.push-left.push-leave-to[data-v-534f8451],.push-right.push-enter-from[data-v-534f8451]{opacity:0;transform:translate(-100%)}.push-right.push-leave-to[data-v-534f8451]{opacity:0;transform:translate(100%)}.push-up.push-enter-from[data-v-534f8451]{opacity:0;transform:translateY(100%)}.push-up.push-leave-to[data-v-534f8451],.push-down.push-enter-from[data-v-534f8451]{opacity:0;transform:translateY(-100%)}.push-down.push-leave-to[data-v-534f8451]{opacity:0;transform:translateY(100%)}.rotate-enter-active[data-v-543c1e7a],.rotate-leave-active[data-v-543c1e7a]{transition:all var(--transition-enter-duration) linear var(--transition-enter-delay)}.rotate-leave-active[data-v-543c1e7a]{transition:all var(--transition-leave-duration) linear var(--transition-leave-delay)}.rotate-enter-from[data-v-543c1e7a]{filter:blur(4px);opacity:1;transform:rotate(12deg)}.rotate-enter-to[data-v-543c1e7a],.rotate-leave-from[data-v-543c1e7a]{filter:blur(0);opacity:1;transform:rotate(0)}.rotate-leave-to[data-v-543c1e7a]{filter:blur(4px);opacity:1;transform:rotate(12deg)}@property --transition-enter-duration{syntax: "<time>"; inherits: false; initial-value: .3s;}@property --transition-leave-duration{syntax: "<time>"; inherits: false; initial-value: .3s;}.scale-list>*{--transition-enter-duration: inherit;--transition-leave-duration: inherit;--transition-enter-delay: inherit;--transition-leave-delay: inherit}.scale-list-enter-active{transition:opacity var(--transition-enter-duration) ease var(--transition-enter-delay),transform var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:opacity,transform}.scale-list-leave-active{position:absolute;transition:opacity var(--transition-leave-duration) ease var(--transition-leave-delay),transform var(--transition-leave-duration) ease var(--transition-leave-delay);will-change:opacity,transform;backface-visibility:hidden}.scale-list-enter-from,.scale-list-leave-to{opacity:0;transform:scale(0)}.scale-list-enter-to,.scale-list-leave-from{opacity:1;transform:scale(1)}.scale-list-move{transition:transform var(--transition-enter-duration) ease-out var(--transition-enter-delay)}@property --transition-leave-duration{syntax: "<time>"; inherits: false; initial-value: .49s;}.wipe-enter-active[data-v-8d219fef]{z-index:10;transition:transform var(--transition-enter-duration) ease-out var(--transition-enter-delay)}.wipe-leave-active[data-v-8d219fef]{position:absolute;transition:transform calc(var(--transition-leave-duration) - .01s) ease var(--transition-leave-delay)}.wipe-enter-from[data-v-8d219fef]{transform:translate(-100%)}.wipe-enter-to[data-v-8d219fef]{transform:translate(0)}@property --transition-enter-duration{syntax: "<time>"; inherits: false; initial-value: .5s;}@property --transition-leave-duration{syntax: "<time>"; inherits: false; initial-value: .5s;}@property --transition-enter-delay{syntax: "<time>"; inherits: false; initial-value: 0s;}@property --transition-leave-delay{syntax: "<time>"; inherits: false; initial-value: 0s;}.zoom-enter-active[data-v-b022280d],.zoom-leave-active[data-v-b022280d]{position:absolute;inset-block-start:0;inset-inline-start:0;transition:transform var(--transition-enter-duration) ease var(--transition-enter-delay);will-change:transform}.zoom-leave-active[data-v-b022280d]{transition:transform var(--transition-leave-duration) ease var(--transition-leave-delay)}.zoom-enter-from[data-v-b022280d],.zoom-leave-to[data-v-b022280d]{transform:scale(1.05)}.zoom-enter-to[data-v-b022280d],.zoom-leave-from[data-v-b022280d]{transform:scale(1)}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoom-out{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.noc-zoom-enter-active{animation-name:zoom-in}.noc-zoom-leave-active{animation-name:zoom-out}.noc-zoom-move{transition:transform .3s ease-out}@keyframes zoom-in-up{0%{opacity:0;transform:scaleY(0);transform-origin:top center}50%{opacity:1}to{transform:scaleY(1)}}@keyframes zoom-out-up{0%{opacity:1}50%{transform:scaleY(0)}to{opacity:0}}.noc-zoom-up-enter-active{animation-name:zoom-in-up}.noc-zoom-up-leave-active{animation-name:zoom-out-up}.noc-zoom-up-move{transition:transform .3s ease-out}@keyframes zoom-in-x{0%{opacity:0;transform:scaleX(0)}50%{opacity:1}}@keyframes zoom-out-x{0%{opacity:1}50%{opacity:0;transform:scaleX(0)}to{opacity:0}}.noc-zoom-x-enter-active{animation-name:zoom-in-x}.noc-zoom-x-leave-active{animation-name:zoom-out-x}.noc-zoom-x-move{transition:transform .3s ease-out}@keyframes zoom-in-y{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}}@keyframes zoom-out-y{0%{opacity:1}50%{opacity:0;transform:scaleY(0)}to{opacity:0}}.noc-zoom-y-enter-active{animation-name:zoom-in-y}.noc-zoom-y-leave-active{animation-name:zoom-out-y}.noc-zoom-y-move{transition:transform .3s ease-out}

package/dist/types/components/Collapse/CollapseTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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/types/components/Fade/FadeTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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/types/components/Scale/ScaleTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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/types/components/Slide/SlideXLeftTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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/types/components/Slide/SlideXRightTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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/types/components/Slide/SlideYDownTransition.vue.d.ts

@@ -1,64 +1,34 @@
 import type { ComponentProps } from '@/types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
-    };
-    tag: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    leave: (el: import("vue").RendererElement, done: () => void) => void;
-    "after-enter": (el: import("vue").RendererElement) => void;
-    "after-leave": (el: import("vue").RendererElement) => void;
-    "before-enter": (el: import("vue").RendererElement) => void;
-    "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
-    delay: number;
-    duration: number;
-    group: boolean;
-    origin: string;
-    styles: () => {
-        animationFillMode: string;
-        animationTimingFunction: string;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
     };
-    tag: string;
-}>>> & {
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<ComponentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    leave: (el: import("vue").RendererElement, done: () => void) => any;
+    afterEnter: (el: import("vue").RendererElement) => any;
+    afterLeave: (el: import("vue").RendererElement) => any;
+    beforeEnter: (el: import("vue").RendererElement) => any;
+    beforeLeave: (el: import("vue").RendererElement) => any;
+}, string, import("vue").PublicProps, Readonly<ComponentProps> & Readonly<{
     onLeave?: ((el: import("vue").RendererElement, done: () => void) => any) | undefined;
-    "onAfter-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onAfter-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-enter"?: ((el: import("vue").RendererElement) => any) | undefined;
-    "onBefore-leave"?: ((el: import("vue").RendererElement) => any) | undefined;
-}, {
+    onAfterEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onAfterLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeEnter?: ((el: import("vue").RendererElement) => any) | undefined;
+    onBeforeLeave?: ((el: import("vue").RendererElement) => any) | undefined;
+}>, {
     delay: import("@/types").NumberOrTimings;
     duration: import("@/types").NumberOrTimings;
     group: boolean;
     origin: string;
     styles: Partial<CSSStyleDeclaration>;
     tag: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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_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;