@tamagui/animations-motion 3.0.6 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -46,7 +46,7 @@ function useAnimateSSRSafe() {
46
46
  }
47
47
  return (0, import_react.useAnimate)();
48
48
  }
49
- var asStyleRecord = function(style) {
49
+ var asStyleRecord = function asStyleRecord2(style) {
50
50
  return style && typeof style === "object" && !Array.isArray(style) ? style : {};
51
51
  };
52
52
  function assignInlineStyles(node, styles) {
@@ -79,7 +79,7 @@ function parseTranslate(transform) {
79
79
  x: m.e,
80
80
  y: m.f
81
81
  };
82
- } catch (e) {
82
+ } catch (unused) {
83
83
  return null;
84
84
  }
85
85
  }
@@ -101,13 +101,13 @@ function createAnimations(animations) {
101
101
  return cb();
102
102
  });
103
103
  },
104
- useAnimations: function(animationProps) {
104
+ useAnimations: function useAnimations(animationProps) {
105
+ var _ref;
105
106
  if (isHydratingGlobal === void 0 && !(0, import_web.getConfig)().settings.disableSSR) {
106
107
  isHydratingGlobal = true;
107
108
  }
108
109
  var { props, style, componentState, stateRef, useStyleEmitter, presence, onTransition, styleProps, styleState } = animationProps;
109
- var _styleState_effectiveTransition;
110
- var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
110
+ var effectiveTransition = (_ref = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _ref !== void 0 ? _ref : props.transition;
111
111
  var isComponentHydrating = componentState.unmounted === true;
112
112
  var isMounting = componentState.unmounted === "should-enter";
113
113
  var isEntering = !!componentState.unmounted;
@@ -140,7 +140,7 @@ function createAnimations(animations) {
140
140
  wasNoClass: !!styleProps.noClass
141
141
  };
142
142
  }
143
- var emit = function(phase, cause, finished) {
143
+ var emit = function emit2(phase, cause, finished) {
144
144
  var _refs_current_onTransition, _refs_current;
145
145
  (_refs_current_onTransition = (_refs_current = refs.current).onTransition) === null || _refs_current_onTransition === void 0 ? void 0 : _refs_current_onTransition.call(_refs_current, phase === "end" ? {
146
146
  phase,
@@ -195,7 +195,7 @@ function createAnimations(animations) {
195
195
  refs.current.disposed = true;
196
196
  };
197
197
  }, []);
198
- var flushAnimation = function(param) {
198
+ var flushAnimation = function flushAnimation2(param) {
199
199
  var { doAnimate: doAnimateRaw = {}, animationOptions: passedOptions = {}, dontAnimate: dontAnimate2 } = param;
200
200
  var startedControls = null;
201
201
  var isCurrentlyExiting = refs.current.isExiting;
@@ -276,16 +276,17 @@ function createAnimations(animations) {
276
276
  if (isPopperPosition && !isCurrentlyExiting && typeof diff.transform === "string") {
277
277
  var target = parseTranslate(diff.transform);
278
278
  if (target) {
279
+ var _ref2, _ref1, _opts_x;
279
280
  var entry = PopperPositionAnims.get(node);
280
281
  if (!entry) {
281
282
  var seed = target;
282
283
  try {
283
284
  var _parseTranslate;
284
285
  seed = (_parseTranslate = parseTranslate(getComputedStyle(node).transform)) !== null && _parseTranslate !== void 0 ? _parseTranslate : target;
285
- } catch (e) {}
286
+ } catch (unused) {}
286
287
  var x = (0, import_react.motionValue)(seed.x);
287
288
  var y = (0, import_react.motionValue)(seed.y);
288
- var write = function() {
289
+ var write = function write2() {
289
290
  node.style.transform = `translate3d(${x.get()}px, ${y.get()}px, 0)`;
290
291
  };
291
292
  x.on("change", write);
@@ -304,7 +305,7 @@ function createAnimations(animations) {
304
305
  entry.x.jump(live.x);
305
306
  entry.y.jump(live.y);
306
307
  }
307
- } catch (e) {}
308
+ } catch (unused) {}
308
309
  }
309
310
  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
310
311
  try {
@@ -318,7 +319,7 @@ function createAnimations(animations) {
318
319
  })) {
319
320
  anim.cancel();
320
321
  }
321
- } catch (e) {}
322
+ } catch (unused) {}
322
323
  }
323
324
  } catch (err) {
324
325
  _didIteratorError = true;
@@ -335,8 +336,7 @@ function createAnimations(animations) {
335
336
  }
336
337
  }
337
338
  var opts = animationOptions2;
338
- var _opts_x, _ref, _ref1;
339
- var positionTransition = (_ref1 = (_ref = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref !== void 0 ? _ref : opts.default) !== null && _ref1 !== void 0 ? _ref1 : animationOptions2;
339
+ var positionTransition = (_ref2 = (_ref1 = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref1 !== void 0 ? _ref1 : opts.default) !== null && _ref2 !== void 0 ? _ref2 : animationOptions2;
340
340
  var cx = (0, import_react.animate)(entry.x, target.x, positionTransition);
341
341
  var cy = (0, import_react.animate)(entry.y, target.y, positionTransition);
342
342
  entry.stop = function() {
@@ -364,7 +364,7 @@ function createAnimations(animations) {
364
364
  midFlightValues[key1] = val;
365
365
  }
366
366
  }
367
- } catch (e) {}
367
+ } catch (unused) {}
368
368
  if (isCurrentlyExiting) {
369
369
  refs.current.controls.stop();
370
370
  }
@@ -433,7 +433,7 @@ function createAnimations(animations) {
433
433
  emit("start", "exit");
434
434
  }
435
435
  refs.current.exitCompleteScheduled = true;
436
- var complete = function(finished) {
436
+ var complete = function complete2(finished) {
437
437
  if (!refs.current.isExiting) return;
438
438
  if (refs.current.exitStarted) {
439
439
  refs.current.exitStarted = false;
@@ -458,7 +458,7 @@ function createAnimations(animations) {
458
458
  emit("start", "enter");
459
459
  }
460
460
  refs.current.enterCompleteScheduled = true;
461
- var complete1 = function(finished) {
461
+ var complete1 = function complete2(finished) {
462
462
  if (refs.current.disposed || refs.current.animationState !== "enter") return;
463
463
  if (refs.current.enterStarted) {
464
464
  refs.current.enterStarted = false;
@@ -482,7 +482,7 @@ function createAnimations(animations) {
482
482
  refs.current.updateInFlight = true;
483
483
  refs.current.updateControls = controls;
484
484
  emit("start", "update");
485
- var settle = function(finished) {
485
+ var settle = function settle2(finished) {
486
486
  if (refs.current.updateControls !== controls) return;
487
487
  refs.current.updateInFlight = false;
488
488
  refs.current.updateControls = null;
@@ -529,8 +529,8 @@ function createAnimations(animations) {
529
529
  if (doAnimate) assignInlineStyles(node, doAnimate);
530
530
  var entry = PopperPositionAnims.get(node);
531
531
  if (entry) {
532
- var _doAnimate_transform;
533
- var target = parseTranslate((_doAnimate_transform = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _doAnimate_transform !== void 0 ? _doAnimate_transform : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
532
+ var _ref2;
533
+ var target = parseTranslate((_ref2 = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _ref2 !== void 0 ? _ref2 : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
534
534
  if (target) {
535
535
  var _entry_stop;
536
536
  (_entry_stop = entry.stop) === null || _entry_stop === void 0 ? void 0 : _entry_stop.call(entry);
@@ -623,7 +623,7 @@ function createAnimations(animations) {
623
623
  getStyleRef.current = getStyleProp;
624
624
  return (0, import_react2.useMemo)(function() {
625
625
  return {
626
- getStyle: function(cur) {
626
+ getStyle: function getStyle(cur) {
627
627
  return getStyleRef.current(cur);
628
628
  },
629
629
  motionValue: motionValue2
@@ -638,7 +638,7 @@ function createAnimations(animations) {
638
638
  getStyleRef.current = getStyleProp;
639
639
  return (0, import_react2.useMemo)(function() {
640
640
  return {
641
- getStyle: function() {
641
+ getStyle: function getStyle() {
642
642
  for (var _len = arguments.length, currentValues = new Array(_len), _key = 0; _key < _len; _key++) {
643
643
  currentValues[_key] = arguments[_key];
644
644
  }
@@ -651,10 +651,10 @@ function createAnimations(animations) {
651
651
  };
652
652
  function getMotionAnimatedProps(props, style, disable) {
653
653
  var animationState = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "default", transitionOverride = arguments.length > 4 ? arguments[4] : void 0;
654
+ var _ref;
654
655
  if (disable) {
655
656
  return { dontAnimate: style };
656
657
  }
657
- var _ref;
658
658
  var resolved = (0, import_animation_helpers.forAnimationState)((0, import_animation_helpers.resolveTransition)((_ref = transitionOverride !== null && transitionOverride !== void 0 ? transitionOverride : props.transition) !== null && _ref !== void 0 ? _ref : null, { animations }), animationState);
659
659
  var animationOptions = getAnimationOptions(resolved);
660
660
  var dontAnimate;
@@ -813,11 +813,11 @@ var transformAliases = {
813
813
  function compileAnimatedStyle(initialSource, initialResolved) {
814
814
  var shorthands = (0, import_web.getConfig)().shorthands;
815
815
  var entries = Object.keys(initialSource).map(function(source) {
816
- var _shorthands_source, _shorthands_source1, _shorthands_source2;
816
+ var _ref, _ref1, _ref2;
817
817
  return {
818
818
  source,
819
- target: (_shorthands_source = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source !== void 0 ? _shorthands_source : source,
820
- tokenValue: typeof initialSource[source] === "string" && initialResolved[(_shorthands_source1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source1 !== void 0 ? _shorthands_source1 : source] !== initialSource[source] ? initialResolved[(_shorthands_source2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source2 !== void 0 ? _shorthands_source2 : source] : void 0
819
+ target: (_ref = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref !== void 0 ? _ref : source,
820
+ tokenValue: typeof initialSource[source] === "string" && initialResolved[(_ref1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref1 !== void 0 ? _ref1 : source] !== initialSource[source] ? initialResolved[(_ref2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref2 !== void 0 ? _ref2 : source] : void 0
821
821
  };
822
822
  });
823
823
  return function(sourceStyle) {
@@ -990,7 +990,7 @@ function createMotionView(defaultTag) {
990
990
  });
991
991
  }
992
992
  }
993
- var toTransition = function(animationConfig) {
993
+ var toTransition = function toTransition2(animationConfig) {
994
994
  return (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.type) === "timing" ? {
995
995
  type: "tween",
996
996
  duration: (animationConfig.duration || 0) / 1e3
@@ -1002,13 +1002,13 @@ function createMotionView(defaultTag) {
1002
1002
  ...animationConfig
1003
1003
  };
1004
1004
  };
1005
- var animateNodeTo = function(nextStyle, transition, motionValue3) {
1005
+ var animateNodeTo = function animateNodeTo2(nextStyle, transition, motionValue3) {
1006
1006
  if (!(node instanceof HTMLElement) || hostRef.current !== node) return;
1007
1007
  var webStyle2 = resolvedAnimatedStyle === null || resolvedAnimatedStyle === void 0 ? void 0 : resolvedAnimatedStyle.resolve(nextStyle);
1008
1008
  if (!webStyle2) return;
1009
1009
  settlePendingMotionOnFinish(motionValue3, animate(node, webStyle2, transition));
1010
1010
  };
1011
- var animateChangedValue = function(nextStyle, transition, motionValue3) {
1011
+ var animateChangedValue = function animateChangedValue2(nextStyle, transition, motionValue3) {
1012
1012
  if (seededInCurrentFrame.current && seededNode.current === node) {
1013
1013
  var queuedFrame = queuedAnimationFrames.current.get(motionValue3);
1014
1014
  if (queuedFrame !== void 0) cancelAnimationFrame(queuedFrame);
@@ -1030,7 +1030,7 @@ function createMotionView(defaultTag) {
1030
1030
  };
1031
1031
  if (animatedStyle.motionValues) {
1032
1032
  var mvs = animatedStyle.motionValues;
1033
- var styleForAll = function() {
1033
+ var styleForAll = function styleForAll2() {
1034
1034
  return animatedStyle.getStyle(...mvs.map(function(value) {
1035
1035
  return value.get();
1036
1036
  }));
@@ -46,7 +46,7 @@ function useAnimateSSRSafe() {
46
46
  }
47
47
  return (0, import_react.useAnimate)();
48
48
  }
49
- var asStyleRecord = function(style) {
49
+ var asStyleRecord = function asStyleRecord2(style) {
50
50
  return style && typeof style === "object" && !Array.isArray(style) ? style : {};
51
51
  };
52
52
  function assignInlineStyles(node, styles) {
@@ -79,7 +79,7 @@ function parseTranslate(transform) {
79
79
  x: m.e,
80
80
  y: m.f
81
81
  };
82
- } catch (e) {
82
+ } catch (unused) {
83
83
  return null;
84
84
  }
85
85
  }
@@ -101,13 +101,13 @@ function createAnimations(animations) {
101
101
  return cb();
102
102
  });
103
103
  },
104
- useAnimations: function(animationProps) {
104
+ useAnimations: function useAnimations(animationProps) {
105
+ var _ref;
105
106
  if (isHydratingGlobal === void 0 && !(0, import_web.getConfig)().settings.disableSSR) {
106
107
  isHydratingGlobal = true;
107
108
  }
108
109
  var { props, style, componentState, stateRef, useStyleEmitter, presence, onTransition, styleProps, styleState } = animationProps;
109
- var _styleState_effectiveTransition;
110
- var effectiveTransition = (_styleState_effectiveTransition = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _styleState_effectiveTransition !== void 0 ? _styleState_effectiveTransition : props.transition;
110
+ var effectiveTransition = (_ref = styleState === null || styleState === void 0 ? void 0 : styleState.effectiveTransition) !== null && _ref !== void 0 ? _ref : props.transition;
111
111
  var isComponentHydrating = componentState.unmounted === true;
112
112
  var isMounting = componentState.unmounted === "should-enter";
113
113
  var isEntering = !!componentState.unmounted;
@@ -140,7 +140,7 @@ function createAnimations(animations) {
140
140
  wasNoClass: !!styleProps.noClass
141
141
  };
142
142
  }
143
- var emit = function(phase, cause, finished) {
143
+ var emit = function emit2(phase, cause, finished) {
144
144
  var _refs_current_onTransition, _refs_current;
145
145
  (_refs_current_onTransition = (_refs_current = refs.current).onTransition) === null || _refs_current_onTransition === void 0 ? void 0 : _refs_current_onTransition.call(_refs_current, phase === "end" ? {
146
146
  phase,
@@ -195,7 +195,7 @@ function createAnimations(animations) {
195
195
  refs.current.disposed = true;
196
196
  };
197
197
  }, []);
198
- var flushAnimation = function(param) {
198
+ var flushAnimation = function flushAnimation2(param) {
199
199
  var { doAnimate: doAnimateRaw = {}, animationOptions: passedOptions = {}, dontAnimate: dontAnimate2 } = param;
200
200
  var startedControls = null;
201
201
  var isCurrentlyExiting = refs.current.isExiting;
@@ -276,16 +276,17 @@ function createAnimations(animations) {
276
276
  if (isPopperPosition && !isCurrentlyExiting && typeof diff.transform === "string") {
277
277
  var target = parseTranslate(diff.transform);
278
278
  if (target) {
279
+ var _ref2, _ref1, _opts_x;
279
280
  var entry = PopperPositionAnims.get(node);
280
281
  if (!entry) {
281
282
  var seed = target;
282
283
  try {
283
284
  var _parseTranslate;
284
285
  seed = (_parseTranslate = parseTranslate(getComputedStyle(node).transform)) !== null && _parseTranslate !== void 0 ? _parseTranslate : target;
285
- } catch (e) {}
286
+ } catch (unused) {}
286
287
  var x = (0, import_react.motionValue)(seed.x);
287
288
  var y = (0, import_react.motionValue)(seed.y);
288
- var write = function() {
289
+ var write = function write2() {
289
290
  node.style.transform = `translate3d(${x.get()}px, ${y.get()}px, 0)`;
290
291
  };
291
292
  x.on("change", write);
@@ -304,7 +305,7 @@ function createAnimations(animations) {
304
305
  entry.x.jump(live.x);
305
306
  entry.y.jump(live.y);
306
307
  }
307
- } catch (e) {}
308
+ } catch (unused) {}
308
309
  }
309
310
  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
310
311
  try {
@@ -318,7 +319,7 @@ function createAnimations(animations) {
318
319
  })) {
319
320
  anim.cancel();
320
321
  }
321
- } catch (e) {}
322
+ } catch (unused) {}
322
323
  }
323
324
  } catch (err) {
324
325
  _didIteratorError = true;
@@ -335,8 +336,7 @@ function createAnimations(animations) {
335
336
  }
336
337
  }
337
338
  var opts = animationOptions2;
338
- var _opts_x, _ref, _ref1;
339
- var positionTransition = (_ref1 = (_ref = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref !== void 0 ? _ref : opts.default) !== null && _ref1 !== void 0 ? _ref1 : animationOptions2;
339
+ var positionTransition = (_ref2 = (_ref1 = (_opts_x = opts.x) !== null && _opts_x !== void 0 ? _opts_x : opts.transform) !== null && _ref1 !== void 0 ? _ref1 : opts.default) !== null && _ref2 !== void 0 ? _ref2 : animationOptions2;
340
340
  var cx = (0, import_react.animate)(entry.x, target.x, positionTransition);
341
341
  var cy = (0, import_react.animate)(entry.y, target.y, positionTransition);
342
342
  entry.stop = function() {
@@ -364,7 +364,7 @@ function createAnimations(animations) {
364
364
  midFlightValues[key1] = val;
365
365
  }
366
366
  }
367
- } catch (e) {}
367
+ } catch (unused) {}
368
368
  if (isCurrentlyExiting) {
369
369
  refs.current.controls.stop();
370
370
  }
@@ -433,7 +433,7 @@ function createAnimations(animations) {
433
433
  emit("start", "exit");
434
434
  }
435
435
  refs.current.exitCompleteScheduled = true;
436
- var complete = function(finished) {
436
+ var complete = function complete2(finished) {
437
437
  if (!refs.current.isExiting) return;
438
438
  if (refs.current.exitStarted) {
439
439
  refs.current.exitStarted = false;
@@ -458,7 +458,7 @@ function createAnimations(animations) {
458
458
  emit("start", "enter");
459
459
  }
460
460
  refs.current.enterCompleteScheduled = true;
461
- var complete1 = function(finished) {
461
+ var complete1 = function complete2(finished) {
462
462
  if (refs.current.disposed || refs.current.animationState !== "enter") return;
463
463
  if (refs.current.enterStarted) {
464
464
  refs.current.enterStarted = false;
@@ -482,7 +482,7 @@ function createAnimations(animations) {
482
482
  refs.current.updateInFlight = true;
483
483
  refs.current.updateControls = controls;
484
484
  emit("start", "update");
485
- var settle = function(finished) {
485
+ var settle = function settle2(finished) {
486
486
  if (refs.current.updateControls !== controls) return;
487
487
  refs.current.updateInFlight = false;
488
488
  refs.current.updateControls = null;
@@ -529,8 +529,8 @@ function createAnimations(animations) {
529
529
  if (doAnimate) assignInlineStyles(node, doAnimate);
530
530
  var entry = PopperPositionAnims.get(node);
531
531
  if (entry) {
532
- var _doAnimate_transform;
533
- var target = parseTranslate((_doAnimate_transform = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _doAnimate_transform !== void 0 ? _doAnimate_transform : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
532
+ var _ref2;
533
+ var target = parseTranslate((_ref2 = doAnimate === null || doAnimate === void 0 ? void 0 : doAnimate.transform) !== null && _ref2 !== void 0 ? _ref2 : dontAnimate === null || dontAnimate === void 0 ? void 0 : dontAnimate.transform);
534
534
  if (target) {
535
535
  var _entry_stop;
536
536
  (_entry_stop = entry.stop) === null || _entry_stop === void 0 ? void 0 : _entry_stop.call(entry);
@@ -623,7 +623,7 @@ function createAnimations(animations) {
623
623
  getStyleRef.current = getStyleProp;
624
624
  return (0, import_react2.useMemo)(function() {
625
625
  return {
626
- getStyle: function(cur) {
626
+ getStyle: function getStyle(cur) {
627
627
  return getStyleRef.current(cur);
628
628
  },
629
629
  motionValue: motionValue2
@@ -638,7 +638,7 @@ function createAnimations(animations) {
638
638
  getStyleRef.current = getStyleProp;
639
639
  return (0, import_react2.useMemo)(function() {
640
640
  return {
641
- getStyle: function() {
641
+ getStyle: function getStyle() {
642
642
  for (var _len = arguments.length, currentValues = new Array(_len), _key = 0; _key < _len; _key++) {
643
643
  currentValues[_key] = arguments[_key];
644
644
  }
@@ -651,10 +651,10 @@ function createAnimations(animations) {
651
651
  };
652
652
  function getMotionAnimatedProps(props, style, disable) {
653
653
  var animationState = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "default", transitionOverride = arguments.length > 4 ? arguments[4] : void 0;
654
+ var _ref;
654
655
  if (disable) {
655
656
  return { dontAnimate: style };
656
657
  }
657
- var _ref;
658
658
  var resolved = (0, import_animation_helpers.forAnimationState)((0, import_animation_helpers.resolveTransition)((_ref = transitionOverride !== null && transitionOverride !== void 0 ? transitionOverride : props.transition) !== null && _ref !== void 0 ? _ref : null, { animations }), animationState);
659
659
  var animationOptions = getAnimationOptions(resolved);
660
660
  var dontAnimate;
@@ -813,11 +813,11 @@ var transformAliases = {
813
813
  function compileAnimatedStyle(initialSource, initialResolved) {
814
814
  var shorthands = (0, import_web.getConfig)().shorthands;
815
815
  var entries = Object.keys(initialSource).map(function(source) {
816
- var _shorthands_source, _shorthands_source1, _shorthands_source2;
816
+ var _ref, _ref1, _ref2;
817
817
  return {
818
818
  source,
819
- target: (_shorthands_source = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source !== void 0 ? _shorthands_source : source,
820
- tokenValue: typeof initialSource[source] === "string" && initialResolved[(_shorthands_source1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source1 !== void 0 ? _shorthands_source1 : source] !== initialSource[source] ? initialResolved[(_shorthands_source2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _shorthands_source2 !== void 0 ? _shorthands_source2 : source] : void 0
819
+ target: (_ref = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref !== void 0 ? _ref : source,
820
+ tokenValue: typeof initialSource[source] === "string" && initialResolved[(_ref1 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref1 !== void 0 ? _ref1 : source] !== initialSource[source] ? initialResolved[(_ref2 = shorthands === null || shorthands === void 0 ? void 0 : shorthands[source]) !== null && _ref2 !== void 0 ? _ref2 : source] : void 0
821
821
  };
822
822
  });
823
823
  return function(sourceStyle) {
@@ -990,7 +990,7 @@ function createMotionView(defaultTag) {
990
990
  });
991
991
  }
992
992
  }
993
- var toTransition = function(animationConfig) {
993
+ var toTransition = function toTransition2(animationConfig) {
994
994
  return (animationConfig === null || animationConfig === void 0 ? void 0 : animationConfig.type) === "timing" ? {
995
995
  type: "tween",
996
996
  duration: (animationConfig.duration || 0) / 1e3
@@ -1002,13 +1002,13 @@ function createMotionView(defaultTag) {
1002
1002
  ...animationConfig
1003
1003
  };
1004
1004
  };
1005
- var animateNodeTo = function(nextStyle, transition, motionValue3) {
1005
+ var animateNodeTo = function animateNodeTo2(nextStyle, transition, motionValue3) {
1006
1006
  if (!(node instanceof HTMLElement) || hostRef.current !== node) return;
1007
1007
  var webStyle2 = resolvedAnimatedStyle === null || resolvedAnimatedStyle === void 0 ? void 0 : resolvedAnimatedStyle.resolve(nextStyle);
1008
1008
  if (!webStyle2) return;
1009
1009
  settlePendingMotionOnFinish(motionValue3, animate(node, webStyle2, transition));
1010
1010
  };
1011
- var animateChangedValue = function(nextStyle, transition, motionValue3) {
1011
+ var animateChangedValue = function animateChangedValue2(nextStyle, transition, motionValue3) {
1012
1012
  if (seededInCurrentFrame.current && seededNode.current === node) {
1013
1013
  var queuedFrame = queuedAnimationFrames.current.get(motionValue3);
1014
1014
  if (queuedFrame !== void 0) cancelAnimationFrame(queuedFrame);
@@ -1030,7 +1030,7 @@ function createMotionView(defaultTag) {
1030
1030
  };
1031
1031
  if (animatedStyle.motionValues) {
1032
1032
  var mvs = animatedStyle.motionValues;
1033
- var styleForAll = function() {
1033
+ var styleForAll = function styleForAll2() {
1034
1034
  return animatedStyle.getStyle(...mvs.map(function(value) {
1035
1035
  return value.get();
1036
1036
  }));