@grahlnn/comps 0.1.2 → 0.1.3

package/dist/index.js

@@ -2523,6 +2523,7 @@ var MORPH = {
   maxFadeMs: 150,
   ease: "cubic-bezier(0.22, 1, 0.36, 1)",
   geometryEpsilon: 0.5,
+  contentWidthLockEpsilon: 2,
   lineGroupingEpsilon: 1
 };
 var MORPH_SEGMENT_CACHE_LIMIT = 256;
@@ -3099,7 +3100,7 @@ function shouldMeasureUsingContentInlineSize(layoutContext, layoutHint) {
   if (layoutHint === null || !isSingleLineSnapshot(layoutHint.snapshot)) {
     return false;
   }
-  return nearlyEqual(layoutHint.layoutInlineSize, layoutHint.snapshot.width);
+  return nearlyEqual(layoutHint.layoutInlineSize, layoutHint.snapshot.width, MORPH.contentWidthLockEpsilon);
 }
 function createMorphMeasurementRequest({
   text,
@@ -3423,10 +3424,18 @@ function resetMorph(session, timeline, setState) {
   setState(EMPTY_STATE);
 }
 function commitStaticMeasurement(session, measurement, setState) {
+  if (!session.animating && session.target === null && session.committed !== null && sameMeasurement(session.committed, measurement)) {
+    return;
+  }
   session.committed = measurement;
   session.target = null;
   session.animating = false;
-  setState(createStaticState(measurement));
+  setState((current) => {
+    if (current.stage === "idle" && current.plan === null && current.measurement !== null && sameMeasurement(current.measurement, measurement)) {
+      return current;
+    }
+    return createStaticState(measurement);
+  });
 }
 function scheduleMorphTimeline({
   session,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grahlnn/comps",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "React components from grahlnn/comps.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",