@noction/vue-bezier 1.10.0 → 1.11.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-PRESENT Noction<sales@noction.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/style.css

@@ -1 +1 @@
-.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}}.fade-in{animation-name:fade-in}.fade-out{animation-name:fade-out}.fade-move{transition:transform .3s 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)}}.scale-in{animation-name:scale-in}.scale-out{animation-name:scale-out}.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)}}.slide-x-left-in{animation-name:slide-x-left-in}.slide-x-left-out{animation-name:slide-x-left-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)}}.slide-x-right-in{animation-name:slide-x-right-in}.slide-x-right-out{animation-name:slide-x-right-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)}}.slide-y-down-in{animation-name:slide-y-down-in}.slide-y-down-out{animation-name:slide-y-down-out}.slide-move{transition:transform .3s}@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)}}.slide-y-in{animation-name:slide-y-in}.slide-y-out{animation-name:slide-y-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}}.zoom-in{animation-name:zoom-in}.zoom-out{animation-name:zoom-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}}.zoom-in-up{animation-name:zoom-in-up}.zoom-out-up{animation-name:zoom-out-up}@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}}.zoom-in-x{animation-name:zoom-in-x}.zoom-out-x{animation-name:zoom-out-x}.zoom-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}}.zoom-in-y{animation-name:zoom-in-y}.zoom-out-y{animation-name:zoom-out-y}
+.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}

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

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Fade/FadeTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Scale/ScaleTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Slide/SlideXLeftTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Slide/SlideXRightTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Slide/SlideYDownTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Slide/SlideYUpTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Zoom/ZoomCenterTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Zoom/ZoomUpTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Zoom/ZoomXTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/types/components/Zoom/ZoomYTransition.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "after-leave": (el: import("vue").RendererElement) => void;
     "before-enter": (el: import("vue").RendererElement) => void;
     "before-leave": (el: import("vue").RendererElement) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ComponentProps>, {
     delay: number;
     duration: number;
     group: boolean;

package/dist/vue-bezier.js

@@ -1,54 +1,66 @@
-import { TransitionGroup as z, Transition as S, defineComponent as d, openBlock as f, createBlock as u, resolveDynamicComponent as c, unref as l, mergeProps as m, withCtx as p, renderSlot as g } from "vue";
-const v = (a) => a.group ? z : S;
-function T(a, o) {
+import { TransitionGroup as w, Transition as A, defineComponent as f, openBlock as u, createBlock as p, resolveDynamicComponent as c, unref as l, mergeProps as m, withCtx as g, renderSlot as y } from "vue";
+const h = (a) => a.group ? w : A;
+function v(a, o) {
   return typeof a == "number" ? a : typeof a == "object" && a !== null ? a[o] ?? 0 : 0;
 }
-function D(a, o) {
-  const t = T(a.duration, "enter"), n = T(a.delay, "enter");
-  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, b(a, o);
+function B(a) {
+  return a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
-function w(a, o) {
-  const t = T(a.duration, "leave"), n = T(a.delay, "leave");
-  o.style.animationDuration = `${t}ms`, o.style.animationDelay = `${n}ms`, b(a, o);
+function L(a, o) {
+  const e = v(a.duration, "enter"), n = v(a.delay, "enter");
+  o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
 }
-function $(a, o, t) {
-  B(a, o);
-  const n = T(a.duration, "leave"), i = T(a.delay, "leave");
-  setTimeout(t, n + i);
+function M(a, o) {
+  const e = v(a.duration, "leave"), n = v(a.delay, "leave");
+  o.style.setProperty("animation-duration", `${e}ms`), o.style.setProperty("animation-delay", `${n}ms`), _(a, o);
 }
-function _(a, o) {
-  a.styles && Object.entries(a.styles).forEach(([t]) => {
-    t in o.style && (o.style[t] = "");
-  }), o.style.animationDuration = "", o.style.animationDelay = "";
+function F(a, o, e) {
+  P(a, o);
+  const n = v(a.duration, "leave"), i = v(a.delay, "leave");
+  setTimeout(e, n + i);
+}
+function $(a, o) {
+  a.styles && Object.entries(a.styles).forEach(([e]) => {
+    if (e in o.style) {
+      const n = B(e);
+      o.style.removeProperty(n);
+    }
+  }), o.style.removeProperty("animation-duration"), o.style.removeProperty("animation-delay");
 }
-function b(a, o) {
-  A(a, o), a.styles && Object.entries(a.styles).forEach(([t, n]) => {
-    t in o.style && (o.style[t] = n);
+function _(a, o) {
+  k(a, o), a.styles && Object.entries(a.styles).forEach(([e, n]) => {
+    if (e in o.style) {
+      const i = B(e);
+      o.style.setProperty(i, n);
+    }
   });
 }
-function B(a, o) {
-  a.group && (o.style.position = "absolute");
+function P(a, o) {
+  if (a.group && o instanceof HTMLElement) {
+    const e = getComputedStyle(o), { width: n, height: i, marginLeft: r, marginTop: s } = e, t = n !== "auto" ? parseFloat(n) : o.offsetWidth, d = i !== "auto" ? parseFloat(i) : o.offsetHeight, b = parseFloat(r), S = parseFloat(s);
+    o.style.setProperty("left", `${o.offsetLeft - b}px`, "important"), o.style.setProperty("top", `${o.offsetTop - S}px`, "important"), o.style.setProperty("width", `${t}px`, "important"), o.style.setProperty("height", `${d}px`, "important"), o.style.setProperty("position", "absolute", "important");
+  }
 }
-function A(a, o) {
-  a.origin && (o.style.transformOrigin = a.origin);
+function k(a, o) {
+  a.origin && o.style.setProperty("transform-origin", a.origin);
 }
-const y = (a, o) => ({
-  onAfterEnter: (t) => {
-    _(a, t), o("after-enter", t);
+const T = (a, o) => ({
+  onAfterEnter: (e) => {
+    $(a, e), o("after-enter", e);
   },
-  onAfterLeave: (t) => {
-    _(a, t), o("after-leave", t);
+  onAfterLeave: (e) => {
+    $(a, e), o("after-leave", e);
   },
-  onBeforeEnter: (t) => {
-    D(a, t), o("before-enter", t);
+  onBeforeEnter: (e) => {
+    L(a, e), o("before-enter", e);
   },
-  onBeforeLeave: (t) => {
-    w(a, t), o("before-leave", t);
+  onBeforeLeave: (e) => {
+    M(a, e), o("before-leave", e);
   },
-  onLeave: (t, n) => {
-    $(a, t, n), o("leave", t, n);
+  onLeave: (e, n) => {
+    F(a, e, n), o("leave", e, n);
   }
-}), P = /* @__PURE__ */ d({
+}), C = /* @__PURE__ */ f({
   __name: "CollapseTransition",
   props: {
     delay: { default: 0 },
@@ -63,41 +75,42 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = {
-      onAfterEnter(e) {
-        e.style.transition = "", e.style.height = "", e.style.overflow = e.dataset.oldOverflow, n("after-enter", e);
+    const e = a, n = o, i = h(e), r = {
+      onAfterEnter(t) {
+        t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, n("after-enter", t);
       },
-      onAfterLeave(e) {
-        e.style.transition = "", e.style.height = "", e.style.overflow = e.dataset.oldOverflow, e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom, n("after-leave", e);
+      onAfterLeave(t) {
+        t.style.transition = "", t.style.height = "", t.style.overflow = t.dataset.oldOverflow, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom, n("after-leave", t);
       },
-      onBeforeEnter(e) {
-        const h = T(t.duration, "enter");
-        e.style.transition = s(h), e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.style.height = "0", e.style.paddingTop = 0, e.style.paddingBottom = 0, b(t, e), n("before-enter", e);
+      onBeforeEnter(t) {
+        const d = v(e.duration, "enter");
+        t.style.transition = s(d), t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.style.height = "0", t.style.paddingTop = 0, t.style.paddingBottom = 0, _(e, t), n("before-enter", t);
       },
-      onBeforeLeave(e) {
-        e.dataset || (e.dataset = {}), e.dataset.oldPaddingTop = e.style.paddingTop, e.dataset.oldPaddingBottom = e.style.paddingBottom, e.dataset.oldOverflow = e.style.overflow, e.style.height = `${e.scrollHeight}px`, e.style.overflow = "hidden", b(t, e), n("before-leave", e);
+      onBeforeLeave(t) {
+        t.dataset || (t.dataset = {}), t.dataset.oldPaddingTop = t.style.paddingTop, t.dataset.oldPaddingBottom = t.style.paddingBottom, t.dataset.oldOverflow = t.style.overflow, t.style.height = `${t.scrollHeight}px`, t.style.overflow = "hidden", _(e, t), n("before-leave", t);
       },
-      onEnter(e) {
-        e.dataset.oldOverflow = e.style.overflow, e.scrollHeight !== 0 ? (e.style.height = `${e.scrollHeight}px`, e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom) : (e.style.height = "", e.style.paddingTop = e.dataset.oldPaddingTop, e.style.paddingBottom = e.dataset.oldPaddingBottom), e.style.overflow = "hidden";
+      onEnter(t) {
+        t.dataset.oldOverflow = t.style.overflow, t.scrollHeight !== 0 ? (t.style.height = `${t.scrollHeight}px`, t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom) : (t.style.height = "", t.style.paddingTop = t.dataset.oldPaddingTop, t.style.paddingBottom = t.dataset.oldPaddingBottom), t.style.overflow = "hidden";
       },
-      onLeave(e, h) {
-        const F = T(t.duration, "leave");
-        e.scrollHeight !== 0 && (e.style.transition = s(F), e.style.height = 0, e.style.paddingTop = 0, e.style.paddingBottom = 0), B(t, e), $(t, e, h), n("leave", e, h);
+      onLeave(t, d) {
+        const b = v(e.duration, "leave");
+        t.scrollHeight !== 0 && (t.style.transition = s(b), t.style.height = 0, t.style.paddingTop = 0, t.style.paddingBottom = 0), P(e, t), F(e, t, d), n("leave", t, d);
       }
-    }, s = (e) => {
-      const h = e / 1e3;
-      return `${h}s height ease-in-out, ${h}s padding-top ease-in-out, ${h}s padding-bottom ease-in-out`;
+    }, s = (t) => {
+      const d = t / 1e3;
+      return `${d}s height ease-in-out, ${d}s padding-top ease-in-out, ${d}s padding-bottom ease-in-out`;
     };
-    return (e, h) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...e.$attrs, ...r }, { "move-class": "collapse-move" }), {
-      default: p(() => [
-        g(e.$slots, "default")
+    return (t, d) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-collapse"
+    }, { ...t.$attrs, ...r }), {
+      default: g(() => [
+        y(t.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), k = /* @__PURE__ */ d({
+}), Z = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "FadeTransition",
   props: {
@@ -113,20 +126,18 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag,
-      "enter-active-class": "fade-in",
-      "move-class": "fade-move",
-      "leave-active-class": "fade-out"
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-fade"
     }, { ...s.$attrs, ...l(r) }), {
-      default: p(() => [
-        g(s.$slots, "default")
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), M = /* @__PURE__ */ d({
+}), D = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ScaleTransition",
   props: {
@@ -136,27 +147,24 @@ const y = (a, o) => ({
     origin: { default: "top left" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.25,.8,.50,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "scale-in",
-      "move-class": "scale-move",
-      "leave-active-class": "scale-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-scale"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), Z = /* @__PURE__ */ d({
+}), E = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SlideXLeftTransition",
   props: {
@@ -166,27 +174,24 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.25,.8,.50,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "slide-x-left-in",
-      "move-class": "slide-move",
-      "leave-active-class": "slide-x-left-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-slide-left"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), O = /* @__PURE__ */ d({
+}), O = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SlideXRightTransition",
   props: {
@@ -196,27 +201,24 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.25,.8,.50,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "slide-x-right-in",
-      "move-class": "slide-move",
-      "leave-active-class": "slide-x-right-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-slide-right"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), C = /* @__PURE__ */ d({
+}), X = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SlideYDownTransition",
   props: {
@@ -226,26 +228,24 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.25,.8,.50,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "slide-y-down-in",
-      "leave-active-class": "slide-y-down-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-slide-down"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), L = /* @__PURE__ */ d({
+}), Y = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "SlideYUpTransition",
   props: {
@@ -255,28 +255,24 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.25,.8,.50,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag,
-      type: "animation"
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "slide-y-in",
-      "move-class": "slide-move",
-      "leave-active-class": "slide-y-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-slide-up"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), E = /* @__PURE__ */ d({
+}), z = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ZoomCenterTransition",
   props: {
@@ -292,21 +288,18 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "zoom-in",
-      "move-class": "zoom-move",
-      "leave-active-class": "zoom-out"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-zoom"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), X = /* @__PURE__ */ d({
+}), H = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ZoomUpTransition",
   props: {
@@ -322,21 +315,18 @@ const y = (a, o) => ({
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag
-    }, { ...s.$attrs, ...l(r) }, {
-      "enter-active-class": "zoom-in-up",
-      "move-class": "zoom-move",
-      "leave-active-class": "zoom-out-up"
-    }), {
-      default: p(() => [
-        g(s.$slots, "default")
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-zoom-up"
+    }, { ...s.$attrs, ...l(r) }), {
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), Y = /* @__PURE__ */ d({
+}), U = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ZoomXTransition",
   props: {
@@ -346,26 +336,24 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.55,0,.1,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag,
-      "enter-active-class": "zoom-in-x",
-      "move-class": "zoom-move",
-      "leave-active-class": "zoom-out-x"
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-zoom-x"
     }, { ...s.$attrs, ...l(r) }), {
-      default: p(() => [
-        g(s.$slots, "default")
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), U = /* @__PURE__ */ d({
+}), j = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "ZoomYTransition",
   props: {
@@ -375,59 +363,57 @@ const y = (a, o) => ({
     origin: { default: "" },
     styles: { default: () => ({
       animationFillMode: "both",
-      animationTimingFunction: "cubic-bezier(.55,0,.1,1)"
+      animationTimingFunction: "ease-out"
     }) },
     tag: { default: "span" }
   },
   emits: ["after-enter", "after-leave", "before-enter", "before-leave", "leave"],
   setup(a, { emit: o }) {
-    const t = a, n = o, i = v(t), r = y(t, n);
-    return (s, e) => (f(), u(c(l(i)), m({
-      tag: t.tag,
-      "enter-active-class": "zoom-in-y",
-      "move-class": "zoom-move",
-      "leave-active-class": "zoom-out-y"
+    const e = a, n = o, i = h(e), r = T(e, n);
+    return (s, t) => (u(), p(c(l(i)), m({
+      tag: e.tag,
+      name: "noc-zoom-y"
     }, { ...s.$attrs, ...l(r) }), {
-      default: p(() => [
-        g(s.$slots, "default")
+      default: g(() => [
+        y(s.$slots, "default")
       ]),
       _: 3
     }, 16, ["tag"]));
   }
-}), j = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CollapseTransition: P,
-  FadeTransition: k,
-  ScaleTransition: M,
-  SlideXLeftTransition: Z,
+  CollapseTransition: C,
+  FadeTransition: Z,
+  ScaleTransition: D,
+  SlideXLeftTransition: E,
   SlideXRightTransition: O,
-  SlideYDownTransition: C,
-  SlideYUpTransition: L,
-  ZoomCenterTransition: E,
-  ZoomUpTransition: X,
-  ZoomXTransition: Y,
-  ZoomYTransition: U
+  SlideYDownTransition: X,
+  SlideYUpTransition: Y,
+  ZoomCenterTransition: z,
+  ZoomUpTransition: H,
+  ZoomXTransition: U,
+  ZoomYTransition: j
 }, Symbol.toStringTag, { value: "Module" }));
-function H(a) {
-  a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(j).forEach(
-    ([o, t]) => a.component(o, t)
+function K(a) {
+  a.$_vueBezierInstalled || (a.$_vueBezierInstalled = !0, Object.entries(I).forEach(
+    ([o, e]) => a.component(o, e)
   ));
 }
-const R = {
-  install: H
+const W = {
+  install: K
 };
 export {
-  P as CollapseTransition,
-  k as FadeTransition,
-  M as ScaleTransition,
-  Z as SlideXLeftTransition,
+  C as CollapseTransition,
+  Z as FadeTransition,
+  D as ScaleTransition,
+  E as SlideXLeftTransition,
   O as SlideXRightTransition,
-  C as SlideYDownTransition,
-  L as SlideYUpTransition,
-  E as ZoomCenterTransition,
-  X as ZoomUpTransition,
-  Y as ZoomXTransition,
-  U as ZoomYTransition,
-  R as default,
-  H as install
+  X as SlideYDownTransition,
+  Y as SlideYUpTransition,
+  z as ZoomCenterTransition,
+  H as ZoomUpTransition,
+  U as ZoomXTransition,
+  j as ZoomYTransition,
+  W as default,
+  K as install
 };

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "@noction/vue-bezier",
-  "version": "1.10.0",
+  "version": "1.11.2",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -175,7 +175,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -238,7 +238,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -301,7 +301,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -364,7 +364,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -427,7 +427,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.25,.8,.50,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -616,7 +616,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",
@@ -679,7 +679,7 @@
                 "kind": "expression",
                 "type": "any"
               },
-              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'cubic-bezier(.55,0,.1,1)'\n})"
+              "default": "() => ({\n  animationFillMode: 'both',\n  animationTimingFunction: 'ease-out'\n})"
             },
             {
               "name": "tag",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noction/vue-bezier",
-  "version": "1.10.0",
+  "version": "1.11.2",
   "description": "Vue3 reusable transition components",
   "keywords": [
     "transitions",
@@ -38,34 +38,33 @@
   "module": "dist/vue-bezier.js",
   "types": "dist/types/main.d.ts",
   "type": "module",
+  "devDependencies": {
+    "@faker-js/faker": "^8.4.1",
+    "@types/node": "^20.11.17",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vitest/coverage-v8": "^1.2.2",
+    "@vue/test-utils": "^2.4.4",
+    "cross-env": "^7.0.3",
+    "jsdom": "^24.0.0",
+    "minimist": "^1.2.8",
+    "sass": "^1.70.0",
+    "vite": "^5.1.1",
+    "vitest": "^1.2.2",
+    "vue": "^3.4.18",
+    "vue-docgen-web-types": "^0.1.8",
+    "vue-tsc": "^1.8.27"
+  },
+  "web-types": "./dist/web-types.json",
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch",
     "build:light": "cross-env NODE_ENV=development vite build",
     "prebuild": "vue-tsc -p tsconfig.build.json",
     "build": "vite build",
     "postbuild": "vue-docgen-web-types",
-    "prepublishOnly": "npm run build",
     "lint:es": "eslint \"src/**/*.{js,ts,vue}\" --fix --color",
     "lint:style": "stylelint src/**/*.{css,scss,vue} --color --fix",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",
     "type:check": "vue-tsc --noEmit"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^8.3.1",
-    "@types/node": "^20.10.5",
-    "@vitejs/plugin-vue": "^5.0.0",
-    "@vitest/coverage-v8": "^1.1.0",
-    "@vue/test-utils": "^2.4.3",
-    "cross-env": "^7.0.3",
-    "jsdom": "^23.0.1",
-    "minimist": "^1.2.8",
-    "sass": "^1.69.5",
-    "vite": "^5.0.10",
-    "vitest": "^1.1.0",
-    "vue": "^3.3.13",
-    "vue-tsc": "^1.8.27",
-    "vue-docgen-web-types": "^0.1.8"
-  },
-  "web-types": "./dist/web-types.json"
-}
+  }
+}