@designcombo/state 2.1.0 → 3.0.1

package/dist/index.es.js

@@ -108,11 +108,11 @@ var gr = function() {
         } catch (u) {
           c = u instanceof on ? u.errors : [u];
         }
-      var x = this._finalizers;
-      if (x) {
+      var O = this._finalizers;
+      if (O) {
         this._finalizers = null;
         try {
-          for (var y = pn(x), T = y.next(); !T.done; T = y.next()) {
+          for (var y = pn(O), T = y.next(); !T.done; T = y.next()) {
             var C = T.value;
             try {
               Fn(C);
@@ -513,8 +513,8 @@ function Mn(t) {
 var pr = { exports: {} };
 pr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, f = 9007199254740991, p = "[object Arguments]", k = "[object Array]", j = "[object AsyncFunction]", A = "[object Boolean]", x = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", g = "[object Null]", b = "[object Object]", _ = "[object Promise]", h = "[object Proxy]", S = "[object RegExp]", I = "[object Set]", m = "[object String]", D = "[object Symbol]", P = "[object Undefined]", w = "[object WeakMap]", R = "[object ArrayBuffer]", z = "[object DataView]", N = "[object Float32Array]", M = "[object Float64Array]", O = "[object Int8Array]", B = "[object Int16Array]", vt = "[object Int32Array]", At = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", H = "[object Uint16Array]", Ut = "[object Uint32Array]", yt = /[\\^$.*+?()[\]{}|]/g, ut = /^\[object .+?Constructor\]$/, Rt = /^(?:0|[1-9]\d*)$/, v = {};
-  v[N] = v[M] = v[O] = v[B] = v[vt] = v[At] = v[Dt] = v[H] = v[Ut] = !0, v[p] = v[k] = v[R] = v[A] = v[z] = v[x] = v[y] = v[T] = v[u] = v[d] = v[b] = v[S] = v[I] = v[m] = v[w] = !1;
+  var n = 200, i = "__lodash_hash_undefined__", a = 1, c = 2, f = 9007199254740991, p = "[object Arguments]", k = "[object Array]", j = "[object AsyncFunction]", A = "[object Boolean]", O = "[object Date]", y = "[object Error]", T = "[object Function]", C = "[object GeneratorFunction]", u = "[object Map]", d = "[object Number]", g = "[object Null]", b = "[object Object]", _ = "[object Promise]", h = "[object Proxy]", v = "[object RegExp]", I = "[object Set]", m = "[object String]", x = "[object Symbol]", D = "[object Undefined]", w = "[object WeakMap]", R = "[object ArrayBuffer]", z = "[object DataView]", N = "[object Float32Array]", M = "[object Float64Array]", P = "[object Int8Array]", B = "[object Int16Array]", vt = "[object Int32Array]", At = "[object Uint8Array]", Dt = "[object Uint8ClampedArray]", H = "[object Uint16Array]", Ut = "[object Uint32Array]", yt = /[\\^$.*+?()[\]{}|]/g, ut = /^\[object .+?Constructor\]$/, Rt = /^(?:0|[1-9]\d*)$/, S = {};
+  S[N] = S[M] = S[P] = S[B] = S[vt] = S[At] = S[Dt] = S[H] = S[Ut] = !0, S[p] = S[k] = S[R] = S[A] = S[z] = S[O] = S[y] = S[T] = S[u] = S[d] = S[b] = S[v] = S[I] = S[m] = S[w] = !1;
   var V = typeof kt == "object" && kt && kt.Object === Object && kt, it = typeof self == "object" && self && self.Object === Object && self, q = V || it || Function("return this")(), Ft = r && !r.nodeType && r, Tt = Ft && !0 && t && !t.nodeType && t, Gt = Tt && Tt.exports === Ft, Wt = Gt && V.process, Vt = function() {
     try {
       return Wt && Wt.binding && Wt.binding("util");
@@ -552,7 +552,7 @@ pr.exports;
   function dt(e, s) {
     return e.has(s);
   }
-  function et(e, s) {
+  function tt(e, s) {
     return e == null ? void 0 : e[s];
   }
   function Yt(e) {
@@ -578,7 +578,7 @@ pr.exports;
   }(), Je = jt.toString, Sr = RegExp(
     "^" + we.call(St).replace(yt, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   ), Te = Gt ? q.Buffer : void 0, he = q.Symbol, qe = q.Uint8Array, me = jt.propertyIsEnumerable, qt = gt.splice, Et = he ? he.toStringTag : void 0, ye = Object.getOwnPropertySymbols, Ee = Te ? Te.isBuffer : void 0, Zt = pe(Object.keys, Object), Me = Nt(q, "DataView"), Qt = Nt(q, "Map"), Ae = Nt(q, "Promise"), De = Nt(q, "Set"), xe = Nt(q, "WeakMap"), Bt = Nt(Object, "create"), Ze = ft(Me), zt = ft(Qt), kr = ft(Ae), wr = ft(De), Tr = ft(xe), Qe = he ? he.prototype : void 0, Oe = Qe ? Qe.valueOf : void 0;
-  function rt(e) {
+  function et(e) {
     var s = -1, o = e == null ? 0 : e.length;
     for (this.clear(); ++s < o; ) {
       var l = e[s];
@@ -608,7 +608,7 @@ pr.exports;
     var o = this.__data__;
     return this.size += this.has(e) ? 0 : 1, o[e] = Bt && s === void 0 ? i : s, this;
   }
-  rt.prototype.clear = Er, rt.prototype.delete = Mr, rt.prototype.get = Ar, rt.prototype.has = Dr, rt.prototype.set = xr;
+  et.prototype.clear = Er, et.prototype.delete = Mr, et.prototype.get = Ar, et.prototype.has = Dr, et.prototype.set = xr;
   function st(e) {
     var s = -1, o = e == null ? 0 : e.length;
     for (this.clear(); ++s < o; ) {
@@ -647,9 +647,9 @@ pr.exports;
   }
   function jr() {
     this.size = 0, this.__data__ = {
-      hash: new rt(),
+      hash: new et(),
       map: new (Qt || st)(),
-      string: new rt()
+      string: new et()
     };
   }
   function zr(e) {
@@ -728,7 +728,7 @@ pr.exports;
     return _e(e) ? l : L(l, o(e));
   }
   function te(e) {
-    return e == null ? e === void 0 ? P : g : Et && Et in Object(e) ? Lt(e) : nr(e);
+    return e == null ? e === void 0 ? D : g : Et && Et in Object(e) ? Lt(e) : nr(e);
   }
   function er(e) {
     return Ct(e) && te(e) == p;
@@ -748,9 +748,9 @@ pr.exports;
     if (Z && !at)
       return E || (E = new Ot()), U || cr(e) ? Re(e, s, o, l, F, E) : Jr(e, s, J, o, l, F, E);
     if (!(o & a)) {
-      var ot = at && St.call(e, "__wrapped__"), nt = mt && St.call(s, "__wrapped__");
-      if (ot || nt) {
-        var Kt = ot ? e.value() : e, Ht = nt ? s.value() : s;
+      var ot = at && St.call(e, "__wrapped__"), rt = mt && St.call(s, "__wrapped__");
+      if (ot || rt) {
+        var Kt = ot ? e.value() : e, Ht = rt ? s.value() : s;
         return E || (E = new Ot()), F(Kt, Ht, o, l, E);
       }
     }
@@ -763,7 +763,7 @@ pr.exports;
     return s.test(ft(e));
   }
   function Xr(e) {
-    return Ct(e) && je(e.length) && !!v[te(e)];
+    return Ct(e) && je(e.length) && !!S[te(e)];
   }
   function Vr(e) {
     if (!rn(e))
@@ -782,9 +782,9 @@ pr.exports;
       return G == s;
     var at = -1, mt = !0, Z = o & c ? new Ie() : void 0;
     for (E.set(e, s), E.set(s, e); ++at < $; ) {
-      var ot = e[at], nt = s[at];
+      var ot = e[at], rt = s[at];
       if (l)
-        var Kt = U ? l(nt, ot, at, s, e, E) : l(ot, nt, at, e, s, E);
+        var Kt = U ? l(rt, ot, at, s, e, E) : l(ot, rt, at, e, s, E);
       if (Kt !== void 0) {
         if (Kt)
           continue;
@@ -799,7 +799,7 @@ pr.exports;
           mt = !1;
           break;
         }
-      } else if (!(ot === nt || F(ot, nt, o, l, E))) {
+      } else if (!(ot === rt || F(ot, rt, o, l, E))) {
         mt = !1;
         break;
       }
@@ -815,12 +815,12 @@ pr.exports;
       case R:
         return !(e.byteLength != s.byteLength || !E(new qe(e), new qe(s)));
       case A:
-      case x:
+      case O:
       case d:
         return ir(+e, +s);
       case y:
         return e.name == s.name && e.message == s.message;
-      case S:
+      case v:
       case m:
         return e == s + "";
       case u:
@@ -835,7 +835,7 @@ pr.exports;
         l |= c, U.set(e, s);
         var at = Re($(e), $(s), l, F, E, U);
         return U.delete(e), at;
-      case D:
+      case x:
         if (Oe)
           return Oe.call(e) == Oe.call(s);
     }
@@ -853,7 +853,7 @@ pr.exports;
     var ot = E.get(e);
     if (ot && E.get(s))
       return ot == s;
-    var nt = !0;
+    var rt = !0;
     E.set(e, s), E.set(s, e);
     for (var Kt = U; ++mt < J; ) {
       Z = $[mt];
@@ -861,16 +861,16 @@ pr.exports;
       if (l)
         var Rn = U ? l(re, Ht, Z, s, e, E) : l(Ht, re, Z, e, s, E);
       if (!(Rn === void 0 ? Ht === re || F(Ht, re, o, l, E) : Rn)) {
-        nt = !1;
+        rt = !1;
         break;
       }
       Kt || (Kt = Z == "constructor");
     }
-    if (nt && !Kt) {
+    if (rt && !Kt) {
       var ur = e.constructor, lr = s.constructor;
-      ur != lr && "constructor" in e && "constructor" in s && !(typeof ur == "function" && ur instanceof ur && typeof lr == "function" && lr instanceof lr) && (nt = !1);
+      ur != lr && "constructor" in e && "constructor" in s && !(typeof ur == "function" && ur instanceof ur && typeof lr == "function" && lr instanceof lr) && (rt = !1);
     }
-    return E.delete(e), E.delete(s), nt;
+    return E.delete(e), E.delete(s), rt;
   }
   function ee(e) {
     return Ce(e, ze, Zr);
@@ -880,7 +880,7 @@ pr.exports;
     return tn(s) ? o[typeof s == "string" ? "string" : "hash"] : o.map;
   }
   function Nt(e, s) {
-    var o = et(e, s);
+    var o = tt(e, s);
     return Kr(o) ? o : void 0;
   }
   function Lt(e) {
@@ -989,13 +989,13 @@ pr.exports;
   t.exports = nn;
 })(pr, pr.exports);
 var zi = pr.exports;
-const Q = /* @__PURE__ */ Mn(zi), fa = "add", Ni = "track", Li = "trackItems", pa = `${Ni}:changed`, ha = `${Li}:changed`, Hi = "state", ma = `${Hi}:changed`, An = "design", $i = `${An}:load`, Ui = `${An}:resize`, wt = "add", Gi = `${wt}:text`, Wi = `${wt}:video`, Yi = `${wt}:audio`, ya = `${wt}:placeholder`, Bi = `${wt}:image`, Ia = `${wt}:mask`, ga = `${wt}:transition`, ba = `${wt}:animation`, Ki = `${wt}:caption`, Xi = `${wt}:template`, Vi = `${wt}:items`, fe = "edit", Ji = `${fe}:object`, qi = `${fe}:replaceMedia`, _a = `${fe}:text`, va = `${fe}:shape`, Sa = `${fe}:templateItem`, ka = `${fe}:deleteTemplateItem`, wa = "enterEditMode", ke = "active", Ta = `${ke}:set`, Ea = `${ke}:delete`, Zi = `${ke}:paste`, Qi = `${ke}:clone`, ts = `${ke}:split`, ct = "layer", Ma = `${ct}:locked`, Aa = `${ct}:hidden`, Da = `${ct}:move`, xa = `${ct}:select`, Oa = `${ct}:selection`, Pa = `${ct}:sendTo`, Ca = `${ct}:rename`, Ra = `${ct}:editingName`, Fa = `${ct}:copy`, ja = `${ct}:paste`, es = `${ct}:clone`, za = `${ct}:split`, Na = `${ct}:cut`, rs = `${ct}:delete`, ns = `${ct}:replace`, br = "history", is = `${br}:undo`, ss = `${br}:redo`, La = `${br}:reset`, ai = "scale", as = `${ai}:changed`;
+const nt = /* @__PURE__ */ Mn(zi), fa = "add", Ni = "track", Li = "trackItems", pa = `${Ni}:changed`, ha = `${Li}:changed`, Hi = "state", ma = `${Hi}:changed`, An = "design", $i = `${An}:load`, Ui = `${An}:resize`, wt = "add", Gi = `${wt}:text`, Wi = `${wt}:video`, Yi = `${wt}:audio`, ya = `${wt}:placeholder`, Bi = `${wt}:image`, Ia = `${wt}:mask`, ga = `${wt}:transition`, ba = `${wt}:animation`, Ki = `${wt}:caption`, Xi = `${wt}:template`, Vi = `${wt}:items`, fe = "edit", Ji = `${fe}:object`, qi = `${fe}:replaceMedia`, _a = `${fe}:text`, va = `${fe}:shape`, Sa = `${fe}:templateItem`, ka = `${fe}:deleteTemplateItem`, wa = "enterEditMode", ke = "active", Ta = `${ke}:set`, Ea = `${ke}:delete`, Zi = `${ke}:paste`, Qi = `${ke}:clone`, ts = `${ke}:split`, ct = "layer", Ma = `${ct}:locked`, Aa = `${ct}:hidden`, Da = `${ct}:move`, xa = `${ct}:select`, Oa = `${ct}:selection`, Pa = `${ct}:sendTo`, Ca = `${ct}:rename`, Ra = `${ct}:editingName`, Fa = `${ct}:copy`, ja = `${ct}:paste`, es = `${ct}:clone`, za = `${ct}:split`, Na = `${ct}:cut`, rs = `${ct}:delete`, ns = `${ct}:replace`, br = "history", is = `${br}:undo`, ss = `${br}:redo`, La = `${br}:reset`, ai = "scale", as = `${ai}:changed`;
 var hr = { exports: {} };
 hr.exports;
 (function(t, r) {
-  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", f = "[object Array]", p = "[object Boolean]", k = "[object Date]", j = "[object Error]", A = "[object Function]", x = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", g = "[object Set]", b = "[object String]", _ = "[object Symbol]", h = "[object WeakMap]", S = "[object ArrayBuffer]", I = "[object DataView]", m = "[object Float32Array]", D = "[object Float64Array]", P = "[object Int8Array]", w = "[object Int16Array]", R = "[object Int32Array]", z = "[object Uint8Array]", N = "[object Uint8ClampedArray]", M = "[object Uint16Array]", O = "[object Uint32Array]", B = /[\\^$.*+?()[\]{}|]/g, vt = /\w*$/, At = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, H = {};
-  H[c] = H[f] = H[S] = H[I] = H[p] = H[k] = H[m] = H[D] = H[P] = H[w] = H[R] = H[y] = H[T] = H[C] = H[d] = H[g] = H[b] = H[_] = H[z] = H[N] = H[M] = H[O] = !0, H[j] = H[A] = H[h] = !1;
-  var Ut = typeof kt == "object" && kt && kt.Object === Object && kt, yt = typeof self == "object" && self && self.Object === Object && self, ut = Ut || yt || Function("return this")(), Rt = r && !r.nodeType && r, v = Rt && !0 && t && !t.nodeType && t, V = v && v.exports === Rt;
+  var n = 200, i = "__lodash_hash_undefined__", a = 9007199254740991, c = "[object Arguments]", f = "[object Array]", p = "[object Boolean]", k = "[object Date]", j = "[object Error]", A = "[object Function]", O = "[object GeneratorFunction]", y = "[object Map]", T = "[object Number]", C = "[object Object]", u = "[object Promise]", d = "[object RegExp]", g = "[object Set]", b = "[object String]", _ = "[object Symbol]", h = "[object WeakMap]", v = "[object ArrayBuffer]", I = "[object DataView]", m = "[object Float32Array]", x = "[object Float64Array]", D = "[object Int8Array]", w = "[object Int16Array]", R = "[object Int32Array]", z = "[object Uint8Array]", N = "[object Uint8ClampedArray]", M = "[object Uint16Array]", P = "[object Uint32Array]", B = /[\\^$.*+?()[\]{}|]/g, vt = /\w*$/, At = /^\[object .+?Constructor\]$/, Dt = /^(?:0|[1-9]\d*)$/, H = {};
+  H[c] = H[f] = H[v] = H[I] = H[p] = H[k] = H[m] = H[x] = H[D] = H[w] = H[R] = H[y] = H[T] = H[C] = H[d] = H[g] = H[b] = H[_] = H[z] = H[N] = H[M] = H[P] = !0, H[j] = H[A] = H[h] = !1;
+  var Ut = typeof kt == "object" && kt && kt.Object === Object && kt, yt = typeof self == "object" && self && self.Object === Object && self, ut = Ut || yt || Function("return this")(), Rt = r && !r.nodeType && r, S = Rt && !0 && t && !t.nodeType && t, V = S && S.exports === Rt;
   function it(e, s) {
     return e.set(s[0], s[1]), e;
   }
@@ -1051,8 +1051,8 @@ hr.exports;
       o[++s] = l;
     }), o;
   }
-  var pt = Array.prototype, lt = Function.prototype, dt = Object.prototype, et = ut["__core-js_shared__"], Yt = function() {
-    var e = /[^.]+$/.exec(et && et.keys && et.keys.IE_PROTO || "");
+  var pt = Array.prototype, lt = Function.prototype, dt = Object.prototype, tt = ut["__core-js_shared__"], Yt = function() {
+    var e = /[^.]+$/.exec(tt && tt.keys && tt.keys.IE_PROTO || "");
     return e ? "Symbol(src)_1." + e : "";
   }(), pe = lt.toString, K = dt.hasOwnProperty, gt = dt.toString, Jt = RegExp(
     "^" + pe.call(K).replace(B, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
@@ -1087,7 +1087,7 @@ hr.exports;
     return o[e] = Zt && s === void 0 ? i : s, this;
   }
   zt.prototype.clear = kr, zt.prototype.delete = wr, zt.prototype.get = Tr, zt.prototype.has = Qe, zt.prototype.set = Oe;
-  function rt(e) {
+  function et(e) {
     var s = -1, o = e ? e.length : 0;
     for (this.clear(); ++s < o; ) {
       var l = e[s];
@@ -1115,7 +1115,7 @@ hr.exports;
     var o = this.__data__, l = ge(o, e);
     return l < 0 ? o.push([e, s]) : o[l][1] = s, this;
   }
-  rt.prototype.clear = Er, rt.prototype.delete = Mr, rt.prototype.get = Ar, rt.prototype.has = Dr, rt.prototype.set = xr;
+  et.prototype.clear = Er, et.prototype.delete = Mr, et.prototype.get = Ar, et.prototype.has = Dr, et.prototype.set = xr;
   function st(e) {
     var s = -1, o = e ? e.length : 0;
     for (this.clear(); ++s < o; ) {
@@ -1126,7 +1126,7 @@ hr.exports;
   function Or() {
     this.__data__ = {
       hash: new zt(),
-      map: new (qt || rt)(),
+      map: new (qt || et)(),
       string: new zt()
     };
   }
@@ -1144,10 +1144,10 @@ hr.exports;
   }
   st.prototype.clear = Or, st.prototype.delete = Pr, st.prototype.get = Cr, st.prototype.has = Rr, st.prototype.set = Fr;
   function ht(e) {
-    this.__data__ = new rt(e);
+    this.__data__ = new et(e);
   }
   function jr() {
-    this.__data__ = new rt();
+    this.__data__ = new et();
   }
   function zr(e) {
     return this.__data__.delete(e);
@@ -1160,7 +1160,7 @@ hr.exports;
   }
   function Hr(e, s) {
     var o = this.__data__;
-    if (o instanceof rt) {
+    if (o instanceof et) {
       var l = o.__data__;
       if (!qt || l.length < n - 1)
         return l.push([e, s]), this;
@@ -1199,7 +1199,7 @@ hr.exports;
       if ($ = Zr(e), !s)
         return Vr(e, $);
     } else {
-      var G = Lt(e), at = G == A || G == x;
+      var G = Lt(e), at = G == A || G == O;
       if (ar(e))
         return be(e, s);
       if (G == C || G == c || at && !E) {
@@ -1219,8 +1219,8 @@ hr.exports;
       return mt;
     if (U.set(e, $), !J)
       var Z = o ? qr(e) : ze(e);
-    return Ft(Z || e, function(ot, nt) {
-      Z && (nt = ot, ot = e[nt]), tr($, nt, Pe(ot, s, o, l, nt, e, U));
+    return Ft(Z || e, function(ot, rt) {
+      Z && (rt = ot, ot = e[rt]), tr($, rt, Pe(ot, s, o, l, rt, e, U));
     }), $;
   }
   function $r(e) {
@@ -1336,7 +1336,7 @@ hr.exports;
   function Qr(e, s, o, l) {
     var F = e.constructor;
     switch (s) {
-      case S:
+      case v:
         return Ce(e);
       case p:
       case k:
@@ -1344,14 +1344,14 @@ hr.exports;
       case I:
         return te(e, l);
       case m:
+      case x:
       case D:
-      case P:
       case w:
       case R:
       case z:
       case N:
       case M:
-      case O:
+      case P:
         return Xr(e, l);
       case y:
         return er(e, l, o);
@@ -1412,7 +1412,7 @@ hr.exports;
   var ar = he || an;
   function je(e) {
     var s = Ct(e) ? gt.call(e) : "";
-    return s == A || s == x;
+    return s == A || s == O;
   }
   function or(e) {
     return typeof e == "number" && e > -1 && e % 1 == 0 && e <= a;
@@ -1606,14 +1606,14 @@ const li = async (t, r) => {
     duration: a
   };
 }, us = async (t, r) => {
-  var x;
+  var O;
   const n = t.trackItemIds, i = t.size || {
     width: t.details.width,
     height: t.details.height
   }, a = Math.min(
     r.size.width / i.width,
     r.size.height / i.height
-  ), c = ((x = t.details) == null ? void 0 : x.rotate) || 0, f = Be(r, i), p = t.display, k = t.trim || t.display;
+  ), c = ((O = t.details) == null ? void 0 : O.rotate) || 0, f = Be(r, i), p = t.display, k = t.trim || t.display;
   let j = 1 / 0, A = 0;
   return n.forEach((y) => {
     const T = t.trackItemsMap[y];
@@ -1843,9 +1843,9 @@ const hs = (t, r, n, i, a) => {
   const f = c.items.map((k) => n[k]), p = t.map((k) => n[k]);
   for (const k of f) {
     const j = k.display.from, A = k.display.to;
-    for (const x of p) {
-      const y = x.display.from;
-      if (!(x.display.to <= j || y >= A))
+    for (const O of p) {
+      const y = O.display.from;
+      if (!(O.display.to <= j || y >= A))
         return {
           trackId: void 0,
           trackIndex: r.indexOf(c)
@@ -1893,18 +1893,18 @@ function ys(t) {
   const r = t, n = r.tracks, i = r.trackItemsMap, a = [], c = {}, f = r.structure;
   return n.forEach((p) => {
     var j;
-    const k = p.items.map((A) => i[A]).sort((A, x) => A.display.from - x.display.from);
+    const k = p.items.map((A) => i[A]).sort((A, O) => A.display.from - O.display.from);
     for (let A = 0; A < k.length - 1; A++) {
-      const x = k[A], y = k[A + 1];
-      if (Math.abs(x.display.to - y.display.from) <= 1) {
-        const T = `${x.id}-${y.id}`;
+      const O = k[A], y = k[A + 1];
+      if (Math.abs(O.display.to - y.display.from) <= 1) {
+        const T = `${O.id}-${y.id}`;
         if ((j = r.transitionIds) == null ? void 0 : j.includes(T))
           c[T] = r.transitionsMap[T];
         else {
           const u = {
             id: T,
             duration: 1500,
-            fromId: x.id,
+            fromId: O.id,
             toId: y.id,
             kind: "none",
             trackId: p.id,
@@ -1957,11 +1957,11 @@ function Is(t) {
             }
           ]);
         }
-      const S = oe(_);
+      const v = oe(_);
       t.updateState(
         {
           ...b,
-          duration: S
+          duration: v
         },
         {
           kind: "design:load",
@@ -1998,8 +1998,8 @@ function Is(t) {
         }
       );
     }
-  }), x = i.subscribe(async (u) => {
-    var g, b, _, h, S;
+  }), O = i.subscribe(async (u) => {
+    var g, b, _, h, v;
     const d = [];
     if ((g = u.value) != null && g.payload.trackItemIds && (d.push((b = u.value) == null ? void 0 : b.payload.trackItemIds), t.updateState(
       { activeIds: d },
@@ -2008,17 +2008,17 @@ function Is(t) {
         updateHistory: !1
       }
     )), u.key === rs) {
-      const I = (_ = u.value) == null ? void 0 : _.payload.trackItemIds, m = Y(t.getState()), D = I && I.length ? I : m.activeIds, P = D.map((v) => m.transitionsMap[v]).filter((v) => !!v).map((v) => v.id), w = D.map((v) => m.trackItemsMap[v]).filter((v) => !!v).map((v) => v.id), R = m.transitionIds.filter(
-        (v) => {
-          const V = m.transitionsMap[v];
+      const I = (_ = u.value) == null ? void 0 : _.payload.trackItemIds, m = Y(t.getState()), x = I && I.length ? I : m.activeIds, D = x.map((S) => m.transitionsMap[S]).filter((S) => !!S).map((S) => S.id), w = x.map((S) => m.trackItemsMap[S]).filter((S) => !!S).map((S) => S.id), R = m.transitionIds.filter(
+        (S) => {
+          const V = m.transitionsMap[S];
           return w.includes(V.fromId) || w.includes(V.toId);
         }
       );
-      w.push(...R, ...P);
-      const z = m.trackItemIds, N = m.transitionIds, M = m.trackItemDetailsMap, O = Y(m.tracks), B = Y(m.structure);
-      w.forEach((v) => {
+      w.push(...R, ...D);
+      const z = m.trackItemIds, N = m.transitionIds, M = m.trackItemDetailsMap, P = Y(m.tracks), B = Y(m.structure);
+      w.forEach((S) => {
         var it;
-        const V = m.trackItemsMap[v] || m.transitionsMap[v];
+        const V = m.trackItemsMap[S] || m.transitionsMap[S];
         if (V.type === "template") {
           const q = (it = m.structure.find(
             (Tt) => Tt.id === V.id
@@ -2029,34 +2029,34 @@ function Is(t) {
           );
           B.splice(Ft, 1);
         }
-      }), w.forEach((v) => {
+      }), w.forEach((S) => {
         B.forEach((V) => {
-          V.items.includes(v) && (V.items = V.items.filter((it) => it !== v));
+          V.items.includes(S) && (V.items = V.items.filter((it) => it !== S));
         });
       });
       const vt = z.filter(
-        (v) => !w.includes(v)
+        (S) => !w.includes(S)
       ), At = N.filter(
-        (v) => !w.includes(v)
+        (S) => !w.includes(S)
       ), Dt = Object.fromEntries(
         Object.entries(M).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       ), H = Object.fromEntries(
         Object.entries(m.transitionsMap).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       ), Ut = ps(
         m.tracks,
         w
       ), yt = Object.fromEntries(
         Object.entries(m.trackItemsMap).filter(
-          ([v]) => !w.includes(v)
+          ([S]) => !w.includes(S)
         )
       );
-      O.filter((v) => v.magnetic).forEach((v) => {
+      P.filter((S) => S.magnetic).forEach((S) => {
         let V = 0;
-        v == null || v.items.forEach((it) => {
+        S == null || S.items.forEach((it) => {
           if (yt[it]) {
             const q = yt[it].display.to - yt[it].display.from;
             yt[it].display = {
@@ -2083,9 +2083,9 @@ function Is(t) {
       );
     }
     if (u.key === es) {
-      const I = Y(t.getState()), m = {}, D = ((h = u.value) == null ? void 0 : h.payload.trackItemIds) || I.activeIds;
-      if (D.length === 0) return;
-      D.forEach((w) => {
+      const I = Y(t.getState()), m = {}, x = ((h = u.value) == null ? void 0 : h.payload.trackItemIds) || I.activeIds;
+      if (x.length === 0) return;
+      x.forEach((w) => {
         const R = I.trackItemsMap[w], z = I.trackItemDetailsMap[w], N = Se();
         I.trackItemsMap[N] = {
           ...Y(R),
@@ -2094,7 +2094,7 @@ function Is(t) {
           ...Y(z)
         }, I.trackItemIds.push(N);
         const M = I.tracks.find(
-          (O) => O.items.includes(w)
+          (P) => P.items.includes(w)
         );
         m[M.id] ? m[M.id].items.push(N) : m[M.id] = {
           ...M,
@@ -2104,8 +2104,8 @@ function Is(t) {
           magnetic: !1
         };
       });
-      const P = Object.values(m);
-      I.tracks = [...P, ...I.tracks], t.updateState(
+      const D = Object.values(m);
+      I.tracks = [...D, ...I.tracks], t.updateState(
         {
           trackItemDetailsMap: I.trackItemDetailsMap,
           tracks: I.tracks,
@@ -2119,28 +2119,28 @@ function Is(t) {
       );
     }
     if (u.key === ns) {
-      const I = (S = u.value) == null ? void 0 : S.payload, m = Object.keys(I)[0], D = Object.values(I)[0], P = Y(t.getState()), w = P.trackItemDetailsMap[m], R = Y(P.trackItemsMap[m]), z = w.details;
-      if (!D.details.src) return;
+      const I = (v = u.value) == null ? void 0 : v.payload, m = Object.keys(I)[0], x = Object.values(I)[0], D = Y(t.getState()), w = D.trackItemDetailsMap[m], R = Y(D.trackItemsMap[m]), z = w.details;
+      if (!x.details.src) return;
       if (w.type === "image") {
-        const N = await gn(D.details.src), { crop: M, newHeight: O, newWidth: B } = $n(
+        const N = await gn(x.details.src), { crop: M, newHeight: P, newWidth: B } = $n(
           w,
           N
         );
-        D.details.crop = M, D.details.height = O, D.details.width = B;
+        x.details.crop = M, x.details.height = P, x.details.width = B;
       } else if (w.type === "video") {
-        const N = await bn(D.details.src), M = P.trackItemsMap[m], { display: O, duration: B, trim: vt } = Un(M, N), { crop: At, newHeight: Dt, newWidth: H } = $n(
+        const N = await bn(x.details.src), M = D.trackItemsMap[m], { display: P, duration: B, trim: vt } = Un(M, N), { crop: At, newHeight: Dt, newWidth: H } = $n(
           w,
           N
         );
-        D.details.crop = At, D.details.height = Dt, D.details.width = H, R.display = O, R.duration = B, R.trim = vt;
+        x.details.crop = At, x.details.height = Dt, x.details.width = H, R.display = P, R.duration = B, R.trim = vt;
       } else if (w.type === "audio") {
-        const N = await oi(D.details.src), M = P.trackItemsMap[m], { display: O, duration: B, trim: vt } = Un(M, N);
-        R.display = O, R.duration = B, R.trim = vt;
+        const N = await oi(x.details.src), M = D.trackItemsMap[m], { display: P, duration: B, trim: vt } = Un(M, N);
+        R.display = P, R.duration = B, R.trim = vt;
       }
-      w.details = { ...z, ...D.details }, P.trackItemDetailsMap[m] = { ...w }, P.trackItemsMap[m] = { ...R }, t.updateState(
+      w.details = { ...z, ...x.details }, D.trackItemDetailsMap[m] = { ...w }, D.trackItemsMap[m] = { ...R }, t.updateState(
         {
-          trackItemDetailsMap: P.trackItemDetailsMap,
-          trackItemsMap: P.trackItemsMap
+          trackItemDetailsMap: D.trackItemDetailsMap,
+          trackItemsMap: D.trackItemsMap
         },
         {
           updateHistory: !0,
@@ -2149,10 +2149,10 @@ function Is(t) {
       );
     }
   }), y = n.subscribe(async (u) => {
-    var P, w, R, z, N, M, O, B, vt, At, Dt, H, Ut, yt, ut, Rt, v, V, it, q, Ft, Tt, Gt, Wt, Vt;
-    const d = Y(t.getState()), g = ((w = (P = u.value) == null ? void 0 : P.options) == null ? void 0 : w.isSelected) || !1, b = (z = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : z.scaleMode, _ = (M = (N = u.value) == null ? void 0 : N.options) == null ? void 0 : M.isNewTrack;
-    let h = [], S = "text";
-    const I = (B = (O = u.value) == null ? void 0 : O.options) == null ? void 0 : B.trackId;
+    var D, w, R, z, N, M, P, B, vt, At, Dt, H, Ut, yt, ut, Rt, S, V, it, q, Ft, Tt, Gt, Wt, Vt;
+    const d = Y(t.getState()), g = ((w = (D = u.value) == null ? void 0 : D.options) == null ? void 0 : w.isSelected) || !1, b = (z = (R = u.value) == null ? void 0 : R.options) == null ? void 0 : z.scaleMode, _ = (M = (N = u.value) == null ? void 0 : N.options) == null ? void 0 : M.isNewTrack;
+    let h = [], v = "text";
+    const I = (B = (P = u.value) == null ? void 0 : P.options) == null ? void 0 : B.trackId;
     let m = (At = (vt = u.value) == null ? void 0 : vt.options) == null ? void 0 : At.trackIndex;
     if (u.key === Vi) {
       const W = (Dt = u.value) == null ? void 0 : Dt.payload, X = W.trackItems.map(
@@ -2225,7 +2225,7 @@ function Is(t) {
       return;
     }
     if (u.key === Ki) {
-      S = "caption";
+      v = "caption";
       const W = (yt = u.value) == null ? void 0 : yt.payload, X = [];
       for (const pt of W) {
         const lt = pi(pt, {
@@ -2237,48 +2237,48 @@ function Is(t) {
       for (const pt of L) {
         const lt = pt.id;
         It.push(lt);
-        const { details: dt, ...et } = pt;
+        const { details: dt, ...tt } = pt;
         d.trackItemDetailsMap[lt] = {
-          type: S,
+          type: v,
           details: dt
-        }, d.trackItemsMap[lt] = et, d.trackItemIds.push(lt);
+        }, d.trackItemsMap[lt] = tt, d.trackItemIds.push(lt);
       }
       h = It;
     }
     if (u.key === Gi) {
-      S = "text";
+      v = "text";
       const W = await hi((ut = u.value) == null ? void 0 : ut.payload, {
         size: d.size
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Xi) {
-      S = "template";
-      const W = (Rt = u.value) == null ? void 0 : Rt.payload.trackItemsMap, X = (v = u.value) == null ? void 0 : v.payload.trackItemDetailsMap, L = (V = u.value) == null ? void 0 : V.payload.transitionsMap, It = ((it = u.value) == null ? void 0 : it.payload.transitionIds) || [], pt = (q = u.value) == null ? void 0 : q.payload.trackItemIds, lt = ((Ft = u.value) == null ? void 0 : Ft.payload.tracks) || [], { details: dt, ...et } = await us((Tt = u.value) == null ? void 0 : Tt.payload, {
+      v = "template";
+      const W = (Rt = u.value) == null ? void 0 : Rt.payload.trackItemsMap, X = (S = u.value) == null ? void 0 : S.payload.trackItemDetailsMap, L = (V = u.value) == null ? void 0 : V.payload.transitionsMap, It = ((it = u.value) == null ? void 0 : it.payload.transitionIds) || [], pt = (q = u.value) == null ? void 0 : q.payload.trackItemIds, lt = ((Ft = u.value) == null ? void 0 : Ft.payload.tracks) || [], { details: dt, ...tt } = await us((Tt = u.value) == null ? void 0 : Tt.payload, {
         size: d.size
       }), Yt = {
-        id: et.id,
+        id: tt.id,
         items: pt,
         transitions: It,
         tracks: lt
       };
-      d.trackItemDetailsMap[et.id] = {
-        type: S,
+      d.trackItemDetailsMap[tt.id] = {
+        type: v,
         details: dt
-      }, d.trackItemsMap[et.id] = et, d.trackItemIds.push(et.id), h = [et.id], d.trackItemsMap = {
+      }, d.trackItemsMap[tt.id] = tt, d.trackItemIds.push(tt.id), h = [tt.id], d.trackItemsMap = {
         ...d.trackItemsMap,
         ...W,
-        [et.id]: {
+        [tt.id]: {
           type: "template",
-          ...et
+          ...tt
         }
       }, d.trackItemDetailsMap = {
         ...d.trackItemDetailsMap,
         ...X,
-        [et.id]: {
+        [tt.id]: {
           type: "template",
           details: dt
         }
@@ -2288,37 +2288,37 @@ function Is(t) {
       }, d.structure = [...d.structure, Yt];
     }
     if (u.key === Bi) {
-      S = "image";
+      v = "image";
       const W = await fi((Gt = u.value) == null ? void 0 : Gt.payload, {
         size: d.size,
         scaleMode: b
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Yi) {
-      S = "audio";
+      v = "audio";
       const W = await di((Wt = u.value) == null ? void 0 : Wt.payload), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
     if (u.key === Wi) {
-      S = "video";
+      v = "video";
       const W = await li((Vt = u.value) == null ? void 0 : Vt.payload, {
         size: d.size,
         scaleMode: b
       }), { details: X, ...L } = W;
       d.trackItemDetailsMap[L.id] = {
-        type: S,
+        type: v,
         details: X,
         metadata: L.metadata
       }, d.trackItemsMap[L.id] = L, d.trackItemIds.push(L.id), h = [L.id];
     }
-    const D = hs(
+    const x = hs(
       h,
       d.tracks,
       d.trackItemsMap,
@@ -2327,9 +2327,9 @@ function Is(t) {
     );
     if (_) {
       const W = Ne();
-      D.trackId = W;
+      x.trackId = W;
       const X = {
-        id: D.trackId,
+        id: x.trackId,
         accepts: [
           "text",
           "audio",
@@ -2339,18 +2339,18 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(D.trackIndex, 0, X);
-    } else if (D.trackId) {
+      d.tracks.splice(x.trackIndex, 0, X);
+    } else if (x.trackId) {
       const W = d.tracks.find(
-        (X) => X.id === D.trackId
+        (X) => X.id === x.trackId
       );
       W && W.items.push(...h);
-    } else if (D.trackIndex !== void 0) {
+    } else if (x.trackIndex !== void 0) {
       const W = {
         id: Ne(),
         accepts: [
@@ -2362,12 +2362,12 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
       };
-      d.tracks.splice(D.trackIndex, 0, W);
+      d.tracks.splice(x.trackIndex, 0, W);
     } else
       d.tracks.unshift({
         id: Ne(),
@@ -2380,7 +2380,7 @@ function Is(t) {
           "caption",
           "template"
         ],
-        type: S,
+        type: v,
         items: h,
         magnetic: !1,
         static: !1
@@ -2409,13 +2409,13 @@ function Is(t) {
         const _ = g.activeIds[0], h = Y(g.trackItemsMap[_]);
         if (b >= h.display.to || b <= h.display.from)
           return;
-        const S = Y(g.trackItemDetailsMap[_]), I = Se(), m = Y({
+        const v = Y(g.trackItemDetailsMap[_]), I = Se(), m = Y({
           ...h,
           display: {
             from: h.display.from,
             to: b
           }
-        }), D = Y({
+        }), x = Y({
           ...h,
           id: I,
           display: {
@@ -2424,17 +2424,17 @@ function Is(t) {
           }
         });
         if (h.type === "video" || h.type === "audio") {
-          const P = b - m.display.from;
+          const D = b - m.display.from;
           m.trim = {
             from: h.trim.from,
-            to: h.trim.from + P
-          }, D.trim = {
-            from: h.trim.from + P,
+            to: h.trim.from + D
+          }, x.trim = {
+            from: h.trim.from + D,
             to: h.trim.to
           };
         }
-        g.trackItemsMap[_] = m, g.trackItemsMap[I] = D, g.trackItemIds.push(I), g.trackItemDetailsMap[I] = S, g.tracks.forEach((P) => {
-          P.items.includes(_) && P.items.push(I);
+        g.trackItemsMap[_] = m, g.trackItemsMap[I] = x, g.trackItemIds.push(I), g.trackItemDetailsMap[I] = v, g.tracks.forEach((D) => {
+          D.items.includes(_) && D.items.push(I);
         }), t.updateState(
           {
             trackItemDetailsMap: g.trackItemDetailsMap,
@@ -2464,14 +2464,14 @@ function Is(t) {
             g.tracks.find((m) => m.items.includes(I))
           );
         });
-        const S = /* @__PURE__ */ new Set();
-        _.filter((I) => S.has(I.id) ? !1 : (S.add(I), !0)), h.tracks = Array.from(S.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(h));
+        const v = /* @__PURE__ */ new Set();
+        _.filter((I) => v.has(I.id) ? !1 : (v.add(I), !0)), h.tracks = Array.from(v.keys()), localStorage.setItem("DesignComboTemp", JSON.stringify(h));
       }
     }
     if (u.key === Zi) {
       const g = localStorage.getItem("DesignComboTemp");
       if (!g) return;
-      const b = Y(t.getState()), _ = JSON.parse(g), h = {}, S = _.trackItemsMap, I = _.trackItemDetailsMap, m = _.tracks, D = [], P = _.activeIds.map(async (w) => {
+      const b = Y(t.getState()), _ = JSON.parse(g), h = {}, v = _.trackItemsMap, I = _.trackItemDetailsMap, m = _.tracks, x = [], D = _.activeIds.map(async (w) => {
         const R = I[w];
         (R.type === "caption" || R.type === "text") && R.details.fontUrl && await mr([
           {
@@ -2481,18 +2481,18 @@ function Is(t) {
         ]);
         const z = Se();
         return h[w] = z, b.trackItemsMap[z] = {
-          ...S[w],
+          ...v[w],
           id: z
         }, b.trackItemDetailsMap[z] = R, b.trackItemIds.push(z), !0;
       });
-      await Promise.all(P), m.forEach((w) => {
+      await Promise.all(D), m.forEach((w) => {
         const R = w.items.map((N) => h[N]), z = {
           ...w,
           items: R,
           id: Ne()
         };
-        D.push(z);
-      }), b.tracks = [...b.tracks, ...D], t.updateState(
+        x.push(z);
+      }), b.tracks = [...b.tracks, ...x], t.updateState(
         {
           trackItemDetailsMap: b.trackItemDetailsMap,
           tracks: b.tracks,
@@ -2508,22 +2508,25 @@ function Is(t) {
   }), C = f.subscribe(async (u) => {
     var d, g, b;
     if (u.key === Ji) {
-      const _ = Y(t.getState()), h = _.trackItemDetailsMap, S = _.trackItemsMap, I = Object.keys((d = u.value) == null ? void 0 : d.payload);
+      const _ = Y(t.getState()), h = _.trackItemDetailsMap, v = _.trackItemsMap, I = Object.keys((d = u.value) == null ? void 0 : d.payload);
       if (!I.length) return;
       const m = (g = u.value) == null ? void 0 : g.payload;
-      I.forEach((P) => {
-        const w = m[P];
-        w.details ? h[P].details = {
-          ...h[P].details,
+      I.forEach((D) => {
+        const w = m[D];
+        w.details ? h[D].details = {
+          ...h[D].details,
           ...w.details
-        } : m[P].playbackRate && (S[P].playbackRate = m[P].playbackRate), m[P].display && (S[P].display = m[P].display);
+        } : m[D].playbackRate && (v[D].playbackRate = m[D].playbackRate), m[D].metadata && (v[D].metadata ? v[D].metadata = {
+          ...v[D].metadata,
+          ...m[D].metadata
+        } : v[D].metadata = m[D].metadata), m[D].display && (v[D].display = m[D].display);
       });
-      const D = oe(S);
+      const x = oe(v);
       t.updateState(
         {
           trackItemDetailsMap: { ...h },
-          trackItemsMap: { ...S },
-          duration: D
+          trackItemsMap: { ...v },
+          duration: x
         },
         {
           updateHistory: !0,
@@ -2532,36 +2535,36 @@ function Is(t) {
       );
     }
     if (u.key === qi) {
-      const _ = (b = u.value) == null ? void 0 : b.payload, h = Object.keys(_)[0], S = Object.values(_)[0], I = Y(t.getState()), m = I.trackItemDetailsMap[h], D = m.details;
-      if (S.details) {
-        if (S.type === "image" && S.details.src) {
-          const w = await gn(S.details.src), R = m.details.width || 0, z = m.details.height || 0;
+      const _ = (b = u.value) == null ? void 0 : b.payload, h = Object.keys(_)[0], v = Object.values(_)[0], I = Y(t.getState()), m = I.trackItemDetailsMap[h], x = m.details;
+      if (v.details) {
+        if (v.type === "image" && v.details.src) {
+          const w = await gn(v.details.src), R = m.details.width || 0, z = m.details.height || 0;
           let N = w.width, M = w.height;
-          const O = w.width / w.height;
-          R / z > O ? (N = R, M = R / O) : (M = z, N = z * O), D.crop = {
+          const P = w.width / w.height;
+          R / z > P ? (N = R, M = R / P) : (M = z, N = z * P), x.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, S.details.width = N, S.details.height = M;
+            height: x.height,
+            width: x.width
+          }, v.details.width = N, v.details.height = M;
         }
-        if (S.type === "video" && S.details.src) {
-          const w = await bn(S.details.src), R = m.details.width || 0, z = m.details.height || 0;
+        if (v.type === "video" && v.details.src) {
+          const w = await bn(v.details.src), R = m.details.width || 0, z = m.details.height || 0;
           let N = w.width, M = w.height;
-          const O = w.width / w.height;
-          R / z > O ? (N = R, M = R / O) : (M = z, N = z * O), D.crop = {
+          const P = w.width / w.height;
+          R / z > P ? (N = R, M = R / P) : (M = z, N = z * P), x.crop = {
             x: 0,
             y: 0,
-            height: D.height,
-            width: D.width
-          }, S.details.width = N, S.details.height = M;
+            height: x.height,
+            width: x.width
+          }, v.details.width = N, v.details.height = M;
         }
-        m.details = { ...D, ...S.details }, S.details = m.details;
+        m.details = { ...x, ...v.details }, v.details = m.details;
       }
-      const P = { ...m, ...S };
-      I.trackItemDetailsMap[h] = P, I.trackItemsMap[h] = {
+      const D = { ...m, ...v };
+      I.trackItemDetailsMap[h] = D, I.trackItemsMap[h] = {
         ...I.trackItemsMap[h],
-        type: S.type
+        type: v.type
       }, t.updateState(
         {
           trackItemDetailsMap: {
@@ -2580,7 +2583,7 @@ function Is(t) {
   });
   return {
     unsubscribe: () => {
-      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), j.unsubscribe(), x.unsubscribe(), k.unsubscribe(), A.unsubscribe();
+      y.unsubscribe(), T.unsubscribe(), C.unsubscribe(), j.unsubscribe(), O.unsubscribe(), k.unsubscribe(), A.unsubscribe();
     }
   };
 }
@@ -2590,11 +2593,11 @@ function yi(t, r, n = { cyclesFix: !0 }, i = []) {
   let a = [];
   const c = Array.isArray(t);
   for (const j in t) {
-    const A = t[j], x = c ? +j : j;
+    const A = t[j], O = c ? +j : j;
     if (!(j in r)) {
       a.push({
         type: "REMOVE",
-        path: [x],
+        path: [O],
         oldValue: t[j]
       });
       continue;
@@ -2602,10 +2605,10 @@ function yi(t, r, n = { cyclesFix: !0 }, i = []) {
     const y = r[j], T = typeof A == "object" && typeof y == "object" && Array.isArray(A) === Array.isArray(y);
     if (A && y && T && !gs[(k = (p = Object.getPrototypeOf(A)) == null ? void 0 : p.constructor) == null ? void 0 : k.name] && (!n.cyclesFix || !i.includes(A))) {
       const C = yi(A, y, n, n.cyclesFix ? i.concat([A]) : []);
-      a.push.apply(a, C.map((u) => (u.path.unshift(x), u)));
+      a.push.apply(a, C.map((u) => (u.path.unshift(O), u)));
     } else A !== y && // treat NaN values as equivalent
     !(Number.isNaN(A) && Number.isNaN(y)) && !(T && (isNaN(A) ? A + "" == y + "" : +A == +y)) && a.push({
-      path: [x],
+      path: [O],
       type: "CHANGE",
       value: y,
       oldValue: A
@@ -2651,7 +2654,7 @@ var Dn = Symbol.for("immer-nothing"), Le = Symbol.for("immer-draftable"), bt = S
   // Note: if more errors are added, the errorOffset in Patches.ts should be increased
   // See Patches.ts for additional errors
 ] : [];
-function tt(t, ...r) {
+function Q(t, ...r) {
   if (process.env.NODE_ENV !== "production") {
     const n = Ii[t], i = typeof n == "function" ? n.apply(null, r) : n;
     throw new Error(`[Immer] ${i}`);
@@ -2744,7 +2747,7 @@ function xn(t, r = !1) {
   return vr(t) || ue(t) || !Xt(t) || (le(t) > 1 && (t.set = t.add = t.clear = t.delete = vs), Object.freeze(t), r && Object.entries(t).forEach(([n, i]) => xn(i, !0))), t;
 }
 function vs() {
-  tt(2);
+  Q(2);
 }
 function vr(t) {
   return Object.isFrozen(t);
@@ -2752,7 +2755,7 @@ function vr(t) {
 var Sn = {};
 function de(t) {
   const r = Sn[t];
-  return r || tt(0, t), r;
+  return r || Q(0, t), r;
 }
 function Ss(t, r) {
   Sn[t] || (Sn[t] = r);
@@ -2791,7 +2794,7 @@ function ws(t) {
 function Yn(t, r) {
   r.unfinalizedDrafts_ = r.drafts_.length;
   const n = r.drafts_[0];
-  return t !== void 0 && t !== n ? (n[bt].modified_ && (kn(r), tt(4)), Xt(t) && (t = yr(r, t), r.parent_ || Ir(r, t)), r.patches_ && de("Patches").generateReplacementPatches_(
+  return t !== void 0 && t !== n ? (n[bt].modified_ && (kn(r), Q(4)), Xt(t) && (t = yr(r, t), r.parent_ || Ir(r, t)), r.patches_ && de("Patches").generateReplacementPatches_(
     n[bt].base_,
     t,
     r.patches_,
@@ -2828,7 +2831,7 @@ function yr(t, r, n) {
   return i.copy_;
 }
 function Bn(t, r, n, i, a, c, f) {
-  if (process.env.NODE_ENV !== "production" && a === n && tt(5), ue(a)) {
+  if (process.env.NODE_ENV !== "production" && a === n && Q(5), ue(a)) {
     const p = c && r && r.type_ !== 3 && // Set objects are atomic since they have no keys.
     !$e(r.assigned_, i) ? c.concat(i) : void 0, k = yr(t, a, p);
     if (bi(n, i, k), ue(k))
@@ -2921,13 +2924,13 @@ var On = {
     };
   },
   defineProperty() {
-    tt(11);
+    Q(11);
   },
   getPrototypeOf(t) {
     return ce(t.base_);
   },
   setPrototypeOf() {
-    tt(12);
+    Q(12);
   }
 }, Ge = {};
 He(On, (t, r) => {
@@ -2936,10 +2939,10 @@ He(On, (t, r) => {
   };
 });
 Ge.deleteProperty = function(t, r) {
-  return process.env.NODE_ENV !== "production" && isNaN(parseInt(r)) && tt(13), Ge.set.call(this, t, r, void 0);
+  return process.env.NODE_ENV !== "production" && isNaN(parseInt(r)) && Q(13), Ge.set.call(this, t, r, void 0);
 };
 Ge.set = function(t, r, n) {
-  return process.env.NODE_ENV !== "production" && r !== "length" && isNaN(parseInt(r)) && tt(14), On.set.call(this, t[0], r, n, t[0]);
+  return process.env.NODE_ENV !== "production" && r !== "length" && isNaN(parseInt(r)) && Q(14), On.set.call(this, t[0], r, n, t[0]);
 };
 function ln(t, r) {
   const n = t[bt];
@@ -2985,7 +2988,7 @@ var Ms = class {
           return f.produce(k, (A) => n.call(this, A, ...j));
         };
       }
-      typeof n != "function" && tt(6), i !== void 0 && typeof i != "function" && tt(7);
+      typeof n != "function" && Q(6), i !== void 0 && typeof i != "function" && Q(7);
       let a;
       if (Xt(r)) {
         const c = Wn(this), f = En(r, void 0);
@@ -3003,7 +3006,7 @@ var Ms = class {
         }
         return a;
       } else
-        tt(1, r);
+        Q(1, r);
     }, this.produceWithPatches = (r, n) => {
       if (typeof r == "function")
         return (f, ...p) => this.produceWithPatches(f, (k) => r(k, ...p));
@@ -3014,13 +3017,13 @@ var Ms = class {
     }, typeof (t == null ? void 0 : t.autoFreeze) == "boolean" && this.setAutoFreeze(t.autoFreeze), typeof (t == null ? void 0 : t.useStrictShallowCopy) == "boolean" && this.setUseStrictShallowCopy(t.useStrictShallowCopy);
   }
   createDraft(t) {
-    Xt(t) || tt(8), ue(t) && (t = As(t));
+    Xt(t) || Q(8), ue(t) && (t = As(t));
     const r = Wn(this), n = En(t, void 0);
     return n[bt].isManual_ = !0, wn(r), n;
   }
   finishDraft(t, r) {
     const n = t && t[bt];
-    (!n || !n.isManual_) && tt(9);
+    (!n || !n.isManual_) && Q(9);
     const { scope_: i } = n;
     return Gn(i, r), Yn(void 0, i);
   }
@@ -3062,7 +3065,7 @@ function En(t, r) {
   return (r ? r.scope_ : _i()).drafts_.push(n), n;
 }
 function As(t) {
-  return ue(t) || tt(10, t), Si(t);
+  return ue(t) || Q(10, t), Si(t);
 }
 function Si(t) {
   if (!Xt(t) || vr(t))
@@ -3123,11 +3126,11 @@ function Kn() {
           path: h,
           // Need to maybe clone it, as it can in fact be the original value
           // due to the base/copy inversion at the start of this function
-          value: x(b[_])
+          value: O(b[_])
         }), u.push({
           op: r,
           path: h,
-          value: x(d[_])
+          value: O(d[_])
         });
       }
     for (let _ = d.length; _ < b.length; _++) {
@@ -3137,7 +3140,7 @@ function Kn() {
         path: h,
         // Need to maybe clone it, as it can in fact be the original value
         // due to the base/copy inversion at the start of this function
-        value: x(b[_])
+        value: O(b[_])
       });
     }
     for (let _ = b.length - 1; d.length <= _; --_) {
@@ -3151,12 +3154,12 @@ function Kn() {
   function f(y, T, C, u) {
     const { base_: d, copy_: g } = y;
     He(y.assigned_, (b, _) => {
-      const h = un(d, b), S = un(g, b), I = _ ? $e(d, b) ? r : n : i;
-      if (h === S && I === r)
+      const h = un(d, b), v = un(g, b), I = _ ? $e(d, b) ? r : n : i;
+      if (h === v && I === r)
         return;
       const m = T.concat(b);
-      C.push(I === i ? { op: I, path: m } : { op: I, path: m, value: S }), u.push(
-        I === n ? { op: i, path: m } : I === i ? { op: n, path: m, value: x(h) } : { op: r, path: m, value: x(h) }
+      C.push(I === i ? { op: I, path: m } : { op: I, path: m, value: v }), u.push(
+        I === n ? { op: i, path: m } : I === i ? { op: n, path: m, value: O(h) } : { op: r, path: m, value: O(h) }
       );
     });
   }
@@ -3207,10 +3210,10 @@ function Kn() {
     return T.forEach((C) => {
       const { path: u, op: d } = C;
       let g = y;
-      for (let S = 0; S < u.length - 1; S++) {
+      for (let v = 0; v < u.length - 1; v++) {
         const I = le(g);
-        let m = u[S];
-        typeof m != "string" && typeof m != "number" && (m = "" + m), (I === 0 || I === 1) && (m === "__proto__" || m === "constructor") && tt(19), typeof g == "function" && m === "prototype" && tt(19), g = un(g, m), typeof g != "object" && tt(18, u.join("/"));
+        let m = u[v];
+        typeof m != "string" && typeof m != "number" && (m = "" + m), (I === 0 || I === 1) && (m === "__proto__" || m === "constructor") && Q(19), typeof g == "function" && m === "prototype" && Q(19), g = un(g, m), typeof g != "object" && Q(18, u.join("/"));
       }
       const b = le(g), _ = A(C.value), h = u[u.length - 1];
       switch (d) {
@@ -3219,7 +3222,7 @@ function Kn() {
             case 2:
               return g.set(h, _);
             case 3:
-              tt(16);
+              Q(16);
             default:
               return g[h] = _;
           }
@@ -3246,7 +3249,7 @@ function Kn() {
               return delete g[h];
           }
         default:
-          tt(17, d);
+          Q(17, d);
       }
     }), y;
   }
@@ -3266,7 +3269,7 @@ function Kn() {
       T[C] = A(y[C]);
     return $e(y, Le) && (T[Le] = y[Le]), T;
   }
-  function x(y) {
+  function O(y) {
     return ue(y) ? A(y) : y;
   }
   Ss("Patches", {
@@ -3455,18 +3458,18 @@ class Ha {
       ...i,
       ...r
     };
-    Q(i, a) || (n.updateHistory && this.updateHistory(a, n.kind), this.prevState = i, this.stateSubject.next(a));
+    nt(i, a) || (n.updateHistory && this.updateHistory(a, n.kind), this.prevState = i, this.stateSubject.next(a));
   }
   // emit changes for design size
   subscribeToSize(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      Q(n.size, this.prevState.size) || r({ size: n.size });
+      nt(n.size, this.prevState.size) || r({ size: n.size });
     });
   }
   // Selectively subscribe to scale changes
   subscribeToScale(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      Q(n.scale, this.prevState.scale) || r({ scale: n.scale });
+      nt(n.scale, this.prevState.scale) || r({ scale: n.scale });
     });
   }
   // Selectively subscribe to fps changes
@@ -3477,19 +3480,19 @@ class Ha {
   }
   subscribeToUpdateTrackItem(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      Q(n.trackItemsMap, this.prevState.trackItemsMap) || r({ trackItemsMap: n.trackItemsMap });
+      nt(n.trackItemsMap, this.prevState.trackItemsMap) || r({ trackItemsMap: n.trackItemsMap });
     });
   }
   subscribeToUpdateTrackItemTiming(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      if (!Q(n.trackItemsMap, this.prevState.trackItemsMap)) {
+      if (!nt(n.trackItemsMap, this.prevState.trackItemsMap)) {
         const i = Object.keys(n.trackItemsMap).filter((c) => {
           const f = this.prevState.trackItemsMap[c], p = n.trackItemsMap[c];
-          return f && p && !Q(f.trim, p.trim);
+          return f && p && !nt(f.trim, p.trim);
         }), a = Object.keys(n.trackItemsMap).filter(
           (c) => {
             const f = this.prevState.trackItemsMap[c], p = n.trackItemsMap[c];
-            return f && p && !Q(f.display, p.display);
+            return f && p && !nt(f.display, p.display);
           }
         );
         r({
@@ -3502,7 +3505,7 @@ class Ha {
   }
   subscribeToUpdateItemDetails(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      Q(n.trackItemDetailsMap, this.prevState.trackItemDetailsMap) || r({ trackItemDetailsMap: n.trackItemDetailsMap });
+      nt(n.trackItemDetailsMap, this.prevState.trackItemDetailsMap) || r({ trackItemDetailsMap: n.trackItemDetailsMap });
     });
   }
   // Selectively subscribe to duration changes
@@ -3525,22 +3528,23 @@ class Ha {
   }
   subscribeToAddOrRemoveItems(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      (!Q(n.trackItemIds, this.prevState.trackItemIds) || !Q(n.tracks, this.prevState.tracks) || !Q(n.transitionIds, this.prevState.transitionIds)) && r({ trackItemIds: n.trackItemIds });
+      const i = [...n.trackItemIds].sort(), a = [...this.prevState.trackItemIds].sort();
+      nt(i, a) || r({ trackItemIds: n.trackItemIds });
     });
   }
   // Selectively subscribe to activeIds changes
   subscribeToActiveIds(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      Q(n.activeIds, this.prevState.activeIds) || r({ activeIds: n.activeIds });
+      nt(n.activeIds, this.prevState.activeIds) || r({ activeIds: n.activeIds });
     });
   }
   // Selectively subscribe to multiple track-related properties
   subscribeToTracks(r) {
     return this.stateSubject.asObservable().subscribe((n) => {
-      (!Q(n.tracks, this.prevState.tracks) || !Q(n.trackItemIds, this.prevState.trackItemIds) || !Q(n.trackItemsMap, this.prevState.trackItemsMap) || !Q(n.transitionIds, this.prevState.transitionIds) || !Q(n.transitionsMap, this.prevState.transitionsMap) || !Q(
+      (!nt(n.tracks, this.prevState.tracks) || !nt(n.trackItemIds, this.prevState.trackItemIds) || !nt(n.trackItemsMap, this.prevState.trackItemsMap) || !nt(n.transitionIds, this.prevState.transitionIds) || !nt(n.transitionsMap, this.prevState.transitionsMap) || !nt(
         n.trackItemDetailsMap,
         this.prevState.trackItemDetailsMap
-      ) || !Q(n.structure, this.prevState.structure)) && r({
+      ) || !nt(n.structure, this.prevState.structure)) && r({
         tracks: n.tracks,
         trackItemIds: n.trackItemIds,
         trackItemsMap: n.trackItemsMap,
@@ -3563,7 +3567,7 @@ class Ha {
       transitionsMap: k,
       trackItemsMap: j,
       structure: A
-    } = this.getState(), x = Y({
+    } = this.getState(), O = Y({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: f,
@@ -3573,51 +3577,51 @@ class Ha {
       structure: A
     }), y = [], T = [], C = [], u = [], d = [], g = [], b = [];
     n.forEach((M) => {
-      let O;
+      let P;
       const B = M.path.slice(1);
-      M.type === "CREATE" ? O = {
+      M.type === "CREATE" ? P = {
         path: B,
         op: "remove",
         value: M.value
-      } : M.type === "CHANGE" ? O = {
+      } : M.type === "CHANGE" ? P = {
         path: B,
         op: "replace",
         value: M.oldValue
-      } : O = {
+      } : P = {
         path: B,
         op: "add",
         value: M.oldValue
-      }, M.path.includes("trackItemIds") ? C.push(O) : M.path.includes("transitionIds") ? T.push(O) : M.path.includes("trackItemsMap") ? d.push(O) : M.path.includes("transitionsMap") ? u.push(O) : M.path.includes("tracks") ? y.push(O) : M.path.includes("trackItemDetailsMap") ? g.push(O) : M.path.includes("structure") && b.push(O);
+      }, M.path.includes("trackItemIds") ? C.push(P) : M.path.includes("transitionIds") ? T.push(P) : M.path.includes("trackItemsMap") ? d.push(P) : M.path.includes("transitionsMap") ? u.push(P) : M.path.includes("tracks") ? y.push(P) : M.path.includes("trackItemDetailsMap") ? g.push(P) : M.path.includes("structure") && b.push(P);
     });
     const _ = this.applyPatch(
-      x.tracks,
+      O.tracks,
       y
     ), h = this.applyPatch(
-      x.transitionIds,
+      O.transitionIds,
       T
-    ), S = this.applyPatch(
-      x.trackItemIds,
+    ), v = this.applyPatch(
+      O.trackItemIds,
       C
     ), I = this.applyPatch(
-      x.transitionsMap,
+      O.transitionsMap,
       u
     ), m = this.applyPatch(
-      x.trackItemsMap,
+      O.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      x.trackItemDetailsMap,
+    ), x = this.applyPatch(
+      O.trackItemDetailsMap,
       g
-    ), P = this.applyPatch(
-      x.structure,
+    ), D = this.applyPatch(
+      O.structure,
       b
     ), w = Y({
       tracks: _,
       transitionIds: h,
-      trackItemIds: S,
+      trackItemIds: v,
       transitionsMap: I,
       trackItemsMap: m,
-      trackItemDetailsMap: D,
-      structure: P
+      trackItemDetailsMap: x,
+      structure: D
     }), R = Y(this.getState()), z = { ...R, ...w };
     this.prevState = R, this.redos.push({ redos: n, type: i });
     const N = oe(z.trackItemsMap);
@@ -3640,7 +3644,7 @@ class Ha {
       transitionsMap: k,
       trackItemsMap: j,
       structure: A
-    } = this.getState(), x = Y({
+    } = this.getState(), O = Y({
       trackItemDetailsMap: a,
       trackItemIds: c,
       tracks: f,
@@ -3650,51 +3654,51 @@ class Ha {
       structure: A
     }), y = [], T = [], C = [], u = [], d = [], g = [], b = [];
     n.forEach((M) => {
-      let O;
+      let P;
       const B = M.path.slice(1);
-      M.type === "CREATE" ? O = {
+      M.type === "CREATE" ? P = {
         path: B,
         op: "add",
         value: M.value
-      } : M.type === "CHANGE" ? O = {
+      } : M.type === "CHANGE" ? P = {
         path: B,
         op: "replace",
         value: M.value
-      } : O = {
+      } : P = {
         path: B,
         op: "remove",
         value: M.oldValue
-      }, M.path.includes("trackItemIds") ? C.push(O) : M.path.includes("transitionIds") ? T.push(O) : M.path.includes("trackItemsMap") ? d.push(O) : M.path.includes("transitionsMap") ? u.push(O) : M.path.includes("trackItemDetailsMap") ? g.push(O) : M.path.includes("structure") ? b.push(O) : y.push(O);
+      }, M.path.includes("trackItemIds") ? C.push(P) : M.path.includes("transitionIds") ? T.push(P) : M.path.includes("trackItemsMap") ? d.push(P) : M.path.includes("transitionsMap") ? u.push(P) : M.path.includes("trackItemDetailsMap") ? g.push(P) : M.path.includes("structure") ? b.push(P) : y.push(P);
     });
     const _ = this.applyPatch(
-      x.tracks,
+      O.tracks,
       y
     ), h = this.applyPatch(
-      x.transitionIds,
+      O.transitionIds,
       T
-    ), S = this.applyPatch(
-      x.trackItemIds,
+    ), v = this.applyPatch(
+      O.trackItemIds,
       C
     ), I = this.applyPatch(
-      x.transitionsMap,
+      O.transitionsMap,
       u
     ), m = this.applyPatch(
-      x.trackItemsMap,
+      O.trackItemsMap,
       d
-    ), D = this.applyPatch(
-      x.trackItemDetailsMap,
+    ), x = this.applyPatch(
+      O.trackItemDetailsMap,
       g
-    ), P = this.applyPatch(
-      x.structure,
+    ), D = this.applyPatch(
+      O.structure,
       b
     ), w = Y({
       tracks: _,
       transitionIds: h,
-      trackItemIds: S,
+      trackItemIds: v,
       transitionsMap: I,
       trackItemsMap: m,
-      trackItemDetailsMap: D,
-      structure: P
+      trackItemDetailsMap: x,
+      structure: D
     }), R = Y(this.getState()), z = { ...R, ...w };
     this.prevState = R, this.undos.push({ undos: n, type: i });
     const N = oe(z.trackItemsMap);