@douxcode/vue-spring-bottom-sheet 3.0.0-next.5 → 3.0.0

package/README.md

@@ -1,7 +1,5 @@
 # Vue Spring Bottom Sheet
 
-**vue-spring-bottom-sheet** is a Vue.js bottom sheet component.
-
 😎 **Modern** and 🚀 **Performant** Bottom Sheet for Vue.js
 
 [Demo](https://vue-spring-bottom-sheet.douxcode.com/) 👀

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { ref as P, computed as D, defineComponent as ye, useCssVars as Ee, watch as te, onMounted as De, shallowRef as q, toRefs as He, nextTick as fe, onUnmounted as Be, createElementBlock as ie, openBlock as X, Fragment as Ie, createBlock as pe, Teleport as he, createVNode as ge, Transition as me, withCtx as Se, createCommentVNode as be, unref as E, normalizeStyle as Ye, createElementVNode as j, mergeProps as ce, renderSlot as ve, normalizeClass as Me } from "vue";
+import { ref as P, computed as D, defineComponent as ye, useCssVars as Ee, watch as te, onMounted as De, shallowRef as q, toRefs as He, nextTick as fe, onUnmounted as Be, openBlock as X, createElementBlock as ie, Fragment as Ie, createBlock as pe, Teleport as he, createVNode as ge, Transition as me, withCtx as Se, unref as E, createCommentVNode as be, normalizeStyle as Me, createElementVNode as j, mergeProps as ce, renderSlot as ve, normalizeClass as Ye } from "vue";
 import { useScrollLock as Pe, useVModel as Re, useWindowSize as Oe, useElementBounding as ne } from "@vueuse/core";
 import { useFocusTrap as Ae } from "@vueuse/integrations/useFocusTrap";
 function Te(t, a) {
@@ -50,7 +50,7 @@ function Ue(t, { triggerAt: a = "end", minQuietPeriodMs: u, maxBurstDurationMs:
         clearTimeout(r);
         let C = Date.now();
         b ??= C;
-        let x = e === void 0 ? u ?? 0 : Math.min(u ?? e, e - (C - b));
+        let x = e === void 0 ? u ?? 0 : Math.min(u ?? e, Math.max(0, e - (C - b)));
         r = setTimeout(h, x);
       }
       a !== "end" && w && v();
@@ -144,7 +144,7 @@ function Ke(t) {
     onSnapped: R,
     onDraggingUp: oe,
     onDraggingDown: H
-  } = t, T = P(!1), F = P(0), N = P(0), k = P(0), Y = P(0), B = P(!0), S = P(!0), O = We({ velocityThreshold: je }), K = (o) => {
+  } = t, T = P(!1), F = P(0), V = P(0), k = P(0), M = P(0), B = P(!0), S = P(!0), O = We({ velocityThreshold: je }), K = (o) => {
     o > 0 ? H() : o < 0 && oe();
   }, z = () => {
     if (!a.value) return;
@@ -164,12 +164,12 @@ function Ke(t) {
       return n.value = e.value, x(), !0;
     let l;
     if (o && c.isSwipe && f.value.length > 1) {
-      const M = [...f.value].sort((y, L) => y - L);
+      const Y = [...f.value].sort((y, L) => y - L);
       if (c.direction === "up") {
-        const y = M.find((L) => L > e.value + 1);
+        const y = Y.find((L) => L > e.value + 1);
         l = y !== void 0 ? f.value.indexOf(y) : v.value;
       } else {
-        const y = [...M].reverse().find((L) => L < e.value - 1);
+        const y = [...Y].reverse().find((L) => L < e.value - 1);
         l = y !== void 0 ? f.value.indexOf(y) : v.value;
       }
     } else
@@ -181,7 +181,7 @@ function Ke(t) {
     const m = ae(s, r.value);
     return m === 0 ? (x(), !0) : (e.value = m, n.value = 0, R(p.value.indexOf(s)), !1);
   }, ue = (o) => {
-    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, N.value = e.value, k.value = n.value, Y.value = o.clientY, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
+    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, V.value = e.value, k.value = n.value, M.value = o.clientY, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
   }, A = (o) => {
     if (!T.value) return;
     if (o.buttons !== 1) {
@@ -189,7 +189,7 @@ function Ke(t) {
       return;
     }
     const c = o.clientY - F.value, l = o.clientY;
-    n.value <= 0 && (e.value = N.value - c), e.value <= d.value && (e.value = d.value, n.value = k.value + c, g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
+    n.value <= 0 && (e.value = V.value - c), e.value <= d.value && (e.value = d.value, n.value = k.value + c, g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
       de(
         n.value,
         -i.value,
@@ -203,7 +203,7 @@ function Ke(t) {
         min: 0,
         max: r.value
       }
-    ), K(o.clientY - Y.value), O.update(o.clientY), Y.value = l;
+    ), K(o.clientY - M.value), O.update(o.clientY), M.value = l;
   }, $ = (o) => {
     if (T.value = !1, o.target.releasePointerCapture(o.pointerId), g.value) {
       const c = Ce(w.value, e.value);
@@ -235,28 +235,28 @@ function Ke(t) {
       S.value = !0, m && (l && c && (S.value = !0), !l && c && (S.value = !1), c || (S.value = !1));
     }
   }, J = (o) => {
-    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, N.value = e.value, k.value = n.value, Y.value = o.clientY, B.value = !0, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
+    a.value && o.button === 0 && (z(), T.value = !0, F.value = o.clientY, V.value = e.value, k.value = n.value, M.value = o.clientY, B.value = !0, O.start(o.clientY), o.target.setPointerCapture(o.pointerId));
   }, se = (o) => {
     if (!T.value) return;
     if (o.buttons !== 1) {
-      V(o);
+      U(o);
       return;
     }
     if (!C.value) {
       S.value = !1;
       return;
     }
-    const c = o.clientY - F.value, l = o.clientY, s = o.clientY - Y.value;
+    const c = o.clientY - F.value, l = o.clientY, s = o.clientY - M.value;
     if (B.value) {
-      const M = o.clientY - F.value;
-      if (Math.abs(M) > Qe)
-        B.value = !1, re(M);
+      const Y = o.clientY - F.value;
+      if (Math.abs(Y) > Qe)
+        B.value = !1, re(Y);
       else {
-        Y.value = l;
+        M.value = l;
         return;
       }
     }
-    n.value === 0 && S.value && C.value && (e.value = N.value - c), e.value <= d.value && (e.value = d.value, S.value && C.value && (n.value = k.value + c), n.value = I(n.value, { min: 0, max: d.value }), g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
+    n.value === 0 && S.value && C.value && (e.value = V.value - c), e.value <= d.value && (e.value = d.value, S.value && C.value && (n.value = k.value + c), n.value = I(n.value, { min: 0, max: d.value }), g.value ? n.value = I(n.value, { min: 0 }) : n.value = I(
       de(
         n.value,
         -i.value,
@@ -264,8 +264,8 @@ function Ke(t) {
         xe
       ),
       { min: 0 }
-    )), e.value > h.value && (e.value = h.value), e.value = I(e.value, { max: r.value }), f.value.length === 1 || e.value === h.value && (S.value = !1), K(s), O.update(o.clientY), Y.value = l;
-  }, V = (o) => {
+    )), e.value > h.value && (e.value = h.value), e.value = I(e.value, { max: r.value }), f.value.length === 1 || e.value === h.value && (S.value = !1), K(s), O.update(o.clientY), M.value = l;
+  }, U = (o) => {
     if (T.value = !1, B.value = !0, o.target.releasePointerCapture(o.pointerId), g.value) {
       const l = Ce(w.value, e.value);
       if (n.value > l) {
@@ -280,7 +280,7 @@ function Ke(t) {
     }
     const c = S.value;
     _(c);
-  }, U = (o) => {
+  }, W = (o) => {
     T.value && (o.preventDefault(), T.value = !1, B.value = !0, le());
   }, G = (o) => {
     S.value = !0, Z(o);
@@ -290,25 +290,25 @@ function Ke(t) {
     if (!u.value) return;
     const o = u.value.scrollTop === 0;
     S.value = o;
-  }, W = D(() => ({
+  }, N = D(() => ({
     onPointerdown: ue,
     onPointermove: A,
     onPointerup: $,
     onPointercancel: $,
-    onContextmenu: U,
+    onContextmenu: W,
     onTouchmove: G
   })), ee = D(() => ({
     onPointerdown: J,
     onPointermove: se,
-    onPointerup: V,
-    onPointercancel: V,
-    onContextmenu: U,
+    onPointerup: U,
+    onPointercancel: U,
+    onContextmenu: W,
     onTouchmove: Z
   }));
   return {
     isDragging: T,
     preventContentScroll: S,
-    headerFooterHandlers: W,
+    headerFooterHandlers: N,
     contentWrapperHandlers: ee,
     scrollEnd: Q
   };
@@ -387,13 +387,13 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
   emits: ["opened", "opening-started", "closed", "closing-started", "dragging-up", "dragging-down", "snapped", "instinctHeight", "update:modelValue"],
   setup(t, { expose: a, emit: u }) {
     Ee((l) => ({
-      d0a9abc2: F.value
+      v76198695: F.value
     }));
     const e = t, n = u, i = Re(e, "modelValue", n, {
       passive: !0
     });
     te(i, (l) => {
-      l && Q();
+      l ? Q() : N();
     }), De(() => {
       i.value && Q();
     });
@@ -402,8 +402,8 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
       { max: h.value }
     )), oe = (l, s, m) => {
       w.value = l, C.value = s, x.value = m;
-    }, H = P(0), T = P(0), F = D(() => e.duration + "ms"), { snapPoints: N } = He(e), k = D(() => N.value ?? [R.value]), {
-      flattenedSnapPoints: Y,
+    }, H = P(0), T = P(0), F = D(() => e.duration + "ms"), { snapPoints: V } = He(e), k = D(() => V.value ?? [R.value]), {
+      flattenedSnapPoints: M,
       currentSnapPointIndex: B,
       closestSnapPointIndex: S,
       minSnapPoint: O,
@@ -412,8 +412,8 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
       sheetRef: r,
       backdropRef: d,
       blocking: z,
-      onEscape: () => W()
-    }), { isDragging: re, headerFooterHandlers: J, contentWrapperHandlers: se, scrollEnd: V } = Ke({
+      onEscape: () => N()
+    }), { isDragging: re, headerFooterHandlers: J, contentWrapperHandlers: se, scrollEnd: U } = Ke({
       sheetRef: r,
       sheetScrollRef: b,
       height: H,
@@ -421,7 +421,7 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
       sheetHeight: g,
       windowHeight: h,
       snapPointsRef: k,
-      flattenedSnapPoints: Y,
+      flattenedSnapPoints: M,
       currentSnapPointIndex: B,
       closestSnapPointIndex: S,
       minSnapPoint: O,
@@ -429,23 +429,23 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
       canSwipeClose: le,
       swipeCloseThreshold: _,
       expandOnContentDrag: ue,
-      onClose: () => W(),
+      onClose: () => N(),
       onSnapped: (l) => n("snapped", l),
       onDraggingUp: () => n("dragging-up"),
       onDraggingDown: () => n("dragging-down")
-    }), U = P(!1), G = P(!1), Z = () => {
-      e.canBackdropClose && W();
+    }), W = P(!1), G = P(!1), Z = () => {
+      e.canBackdropClose && N();
     }, Q = async () => {
-      if (U.value) return;
-      i.value = !0, U.value = !0, n("opening-started"), A.lockIfBlocking(), await fe();
+      if (W.value) return;
+      i.value = !0, W.value = !0, n("opening-started"), A.lockIfBlocking(), await fe();
       const l = r.value;
       g.value = l.getBoundingClientRect().height;
-      const s = l.querySelector("[data-vsbs-content]"), m = l.querySelector("[data-vsbs-header]"), M = l.querySelector("[data-vsbs-footer]");
+      const s = l.querySelector("[data-vsbs-content]"), m = l.querySelector("[data-vsbs-header]"), Y = l.querySelector("[data-vsbs-footer]");
       if (oe(
         m.getBoundingClientRect().height,
         s.getBoundingClientRect().height,
-        M.getBoundingClientRect().height
-      ), await fe(), B.value = Y.value.findIndex(
+        Y.getBoundingClientRect().height
+      ), await fe(), B.value = M.value.findIndex(
         (y) => y === O.value
       ), e.initialSnapPoint !== void 0) {
         const y = e.initialSnapPoint;
@@ -462,8 +462,8 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
         T.value = 0, e.blocking && setTimeout(() => {
           i.value && (n("opened"), $.activate());
         }, e.duration);
-      }), U.value = !1;
-    }, W = () => {
+      }), W.value = !1;
+    }, N = () => {
       G.value || (i.value = !1, G.value = !0, n("closing-started"), A.unlockIfBlocking(), $.deactivate(), T.value = H.value, setTimeout(() => {
         n("closed"), G.value = !1;
       }, e.duration));
@@ -482,8 +482,8 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
     });
     te(k, (l, s) => {
       if (i.value === !1 || !l || !s) return;
-      const m = l[B.value], M = s[B.value];
-      !m || typeof m == "string" || !M || typeof M == "string" || (H.value = I(m, { max: h.value }));
+      const m = l[B.value], Y = s[B.value];
+      !m || typeof m == "string" || !Y || typeof Y == "string" || (H.value = I(m, { max: h.value }));
     }), te(h, () => {
       o.call(B.value);
     }), te(R, (l) => {
@@ -495,7 +495,7 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
       const s = l;
       s.style.transition = `transform ${e.duration}ms ease, height ${e.duration}ms ease`, s.style.transform = `translateY(${H.value}px)`;
     };
-    return a({ open: Q, close: W, snapToPoint: ee }), (l, s) => (X(), ie(Ie, null, [
+    return a({ open: Q, close: N, snapToPoint: ee }), (l, s) => (X(), ie(Ie, null, [
       (X(), pe(he, {
         to: t.teleportTo,
         defer: t.teleportDefer
@@ -526,7 +526,7 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
               key: 0,
               ref_key: "sheet",
               ref: r,
-              style: Ye({
+              style: Me({
                 transform: `translateY(${T.value}px)`,
                 height: `${H.value}px`,
                 transition: E(re) ? "none" : `transform ${t.duration}ms ease, height ${t.duration}ms ease`
@@ -556,14 +556,14 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
                 ref: b,
                 "data-vsbs-scroll": "",
                 onScrollend: s[1] || (s[1] = //@ts-ignore
-                (...m) => E(V) && E(V)(...m))
+                (...m) => E(U) && E(U)(...m))
               }, [
                 j("div", ce({ "data-vsbs-content-wrapper": "" }, E(se), { style: { touchAction: "pan-y" } }), [
                   j("div", {
                     ref_key: "sheetContent",
                     ref: v,
                     "data-vsbs-content": "",
-                    class: Me(t.contentClass)
+                    class: Ye(t.contentClass)
                   }, [
                     ve(l.$slots, "default", {}, void 0, !0)
                   ], 2)
@@ -591,7 +591,7 @@ const Ze = ["data-vsbs-shadow", "data-vsbs-sheet-show"], et = /* @__PURE__ */ ye
   for (const [e, n] of a)
     u[e] = n;
   return u;
-}, lt = /* @__PURE__ */ tt(et, [["__scopeId", "data-v-6b92b612"]]);
+}, lt = /* @__PURE__ */ tt(et, [["__scopeId", "data-v-533b8a6d"]]);
 export {
   lt as default
 };

package/dist/style.css

@@ -1 +1 @@
-[data-vsbs-backdrop][data-v-6b92b612]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));inset:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;--vsbs-duration: var(--d0a9abc2)}[data-vsbs-shadow=true][data-v-6b92b612]:before{content:"";z-index:-1;position:absolute;top:0;height:100lvh;width:100%;border-radius:var(--vsbs-border-radius, 16px);box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-6b92b612]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-right:1px solid var(--vsbs-outer-border-color, transparent);border-left:1px solid var(--vsbs-outer-border-color, transparent);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;width:100%;will-change:height,transform}[data-vsbs-sheet-show=true][data-v-6b92b612]{visibility:visible}[data-vsbs-header][data-v-6b92b612]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3;border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-top:1px solid var(--vsbs-outer-border-color, transparent)}[data-vsbs-header][data-v-6b92b612]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-6b92b612]:empty{box-shadow:none;padding:14px var(--vsbs-padding-x, 16px) 10px}[data-vsbs-footer][data-v-6b92b612]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-6b92b612]:empty{display:none}[data-vsbs-scroll][data-v-6b92b612]{flex-grow:1;overflow-y:auto;overscroll-behavior:none}[data-vsbs-content-wrapper][data-v-6b92b612]{height:100%}[data-vsbs-content][data-v-6b92b612]{display:grid;padding:8px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.vsbs-backdrop-enter-active[data-v-6b92b612],.vsbs-backdrop-leave-active[data-v-6b92b612]{transition:opacity var(--vsbs-duration) ease}.vsbs-backdrop-enter-from[data-v-6b92b612],.vsbs-backdrop-leave-to[data-v-6b92b612]{opacity:0}
+[data-vsbs-backdrop][data-v-533b8a6d]{background-color:var(--vsbs-backdrop-bg, rgba(0, 0, 0, .5));inset:0;pointer-events:auto;position:fixed;-webkit-user-select:none;user-select:none;will-change:opacity;--vsbs-duration: var(--v76198695)}[data-vsbs-shadow=true][data-v-533b8a6d]:before{content:"";z-index:-1;position:absolute;top:0;height:100lvh;width:100%;border-radius:var(--vsbs-border-radius, 16px);box-shadow:0 -5px 60px 0 var(--vsbs-shadow-color, rgba(89, 89, 89, .2))}[data-vsbs-sheet][data-v-533b8a6d]{background-color:var(--vsbs-background, #fff);border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-right:1px solid var(--vsbs-outer-border-color, transparent);border-left:1px solid var(--vsbs-outer-border-color, transparent);bottom:0;display:flex;flex-direction:column;left:0;margin-left:auto;margin-right:auto;max-width:var(--vsbs-max-width, 640px);pointer-events:all;position:fixed;right:0;width:100%;will-change:height,transform}[data-vsbs-sheet-show=true][data-v-533b8a6d]{visibility:visible}[data-vsbs-header][data-v-533b8a6d]{box-shadow:0 1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-shrink:0;padding:20px var(--vsbs-padding-x, 16px) 8px;-webkit-user-select:none;user-select:none;z-index:3;border-top-left-radius:var(--vsbs-border-radius, 16px);border-top-right-radius:var(--vsbs-border-radius, 16px);border-top:1px solid var(--vsbs-outer-border-color, transparent)}[data-vsbs-header][data-v-533b8a6d]:before{background-color:var(--vsbs-handle-background, rgba(0, 0, 0, .28));border-radius:2px;content:"";display:block;height:4px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}[data-vsbs-header][data-v-533b8a6d]:empty{box-shadow:none;padding:14px var(--vsbs-padding-x, 16px) 10px}[data-vsbs-footer][data-v-533b8a6d]{box-shadow:0 -1px 0 var(--vsbs-border-color, rgba(46, 59, 66, .125));flex-grow:0;flex-shrink:0;padding:16px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}[data-vsbs-footer][data-v-533b8a6d]:empty{display:none}[data-vsbs-scroll][data-v-533b8a6d]{flex-grow:1;overflow-y:auto;overscroll-behavior:none}[data-vsbs-content-wrapper][data-v-533b8a6d]{height:100%}[data-vsbs-content][data-v-533b8a6d]{display:grid;padding:8px var(--vsbs-padding-x, 16px);-webkit-user-select:none;user-select:none}.vsbs-backdrop-enter-active[data-v-533b8a6d],.vsbs-backdrop-leave-active[data-v-533b8a6d]{transition:opacity var(--vsbs-duration) ease}.vsbs-backdrop-enter-from[data-v-533b8a6d],.vsbs-backdrop-leave-to[data-v-533b8a6d]{opacity:0}

package/package.json

@@ -30,7 +30,7 @@
     "url": "https://github.com/megaarmos/vue-spring-bottom-sheet/issues"
   },
   "private": false,
-  "version": "3.0.0-next.5",
+  "version": "3.0.0",
   "type": "module",
   "exports": {
     ".": {
@@ -47,13 +47,12 @@
   "main": "./dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "vue-tsc -b && vite build",
+    "build": "vite build",
     "dev": "vite build --watch",
     "type-check": "vue-tsc --build",
-    "lint": "eslint . --fix",
     "format": "prettier --write src/",
-    "release": "cp ../../README.md . && npm run build && npm publish --access public",
-    "prepublishOnly": "cp ../../README.md . && npm run build"
+    "release": "cp ../../README.md . && bun run build && bun run type-check && npm publish --access public",
+    "prepublishOnly": "cp ../../README.md . && bun run build && bun run type-check"
   },
   "peerDependencies": {
     "vue": ">=3.3"
@@ -88,5 +87,154 @@
   "publishConfig": {
     "access": "public",
     "provenance": true
+  },
+  "release": {
+    "extends": "semantic-release-commit-filter",
+    "ci": true,
+    "branches": [
+      "master",
+      {
+        "name": "next",
+        "prerelease": true
+      },
+      {
+        "name": "beta",
+        "prerelease": true
+      },
+      {
+        "name": "alpha",
+        "prerelease": true
+      }
+    ],
+    "plugins": [
+      [
+        "@semantic-release/commit-analyzer",
+        {
+          "preset": "angular",
+          "releaseRules": [
+            {
+              "type": "docs",
+              "scope": "README",
+              "release": "patch"
+            },
+            {
+              "breaking": true,
+              "release": "major"
+            },
+            {
+              "revert": true,
+              "release": "patch"
+            },
+            {
+              "type": "*!",
+              "release": "major"
+            },
+            {
+              "type": "breaking",
+              "release": "major"
+            },
+            {
+              "type": "docs",
+              "scope": "README",
+              "release": "patch"
+            },
+            {
+              "type": "refactor",
+              "release": "patch"
+            },
+            {
+              "type": "style",
+              "release": "patch"
+            },
+            {
+              "type": "types",
+              "release": "patch"
+            }
+          ],
+          "parserOpts": {
+            "noteKeywords": [
+              "BREAKING CHANGE",
+              "BREAKING CHANGES",
+              "BREAKING"
+            ]
+          }
+        }
+      ],
+      [
+        "@semantic-release/release-notes-generator",
+        {
+          "preset": "angular",
+          "presetConfig": {
+            "header": "Release Notes",
+            "types": [
+              {
+                "type": "feat",
+                "section": "Features"
+              },
+              {
+                "type": "fix",
+                "section": "Bug Fixes"
+              },
+              {
+                "type": "chore",
+                "hidden": true
+              },
+              {
+                "type": "docs",
+                "hidden": true
+              },
+              {
+                "type": "style",
+                "hidden": true
+              },
+              {
+                "type": "refactor",
+                "hidden": true
+              },
+              {
+                "type": "perf",
+                "hidden": true
+              },
+              {
+                "type": "test",
+                "hidden": true
+              }
+            ]
+          },
+          "parserOpts": {
+            "noteKeywords": [
+              "BREAKING CHANGE",
+              "BREAKING CHANGES",
+              "BREAKING"
+            ]
+          },
+          "writerOpts": {
+            "commitsSort": [
+              "subject",
+              "scope"
+            ]
+          }
+        }
+      ],
+      "@semantic-release/changelog",
+      "@semantic-release/npm",
+      "@semantic-release/github",
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "CHANGELOG.md",
+            "LICENSE"
+          ]
+        }
+      ],
+      [
+        "@semantic-release/exec",
+        {
+          "publishCmd": "npx -y semantic-release-npm-workspaces-monorepo cache ${nextRelease.version}"
+        }
+      ]
+    ],
+    "tagFormat": "v${version}"
   }
 }