@noction/vue-bezier 1.10.0 → 1.12.0

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.12.0",
   "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",