title: Compose VisualTransformation PhoneNumber separate each 3 numbers by space
body: <p>Am trying to make a visual transformation in <code>TextField</code> composable</p>
  <p>Example 01111111111 -&gt; 011 111 111 11</p>
  <p>Note: I want to append space after each 3 numbers for any length of numbers</p>
  <p>I Figured a formula to calculate the offset of original to transformed but I don't can't figure how to reverse that</p>
  <pre><code>val phoneNumberOffsetTranslator = object : OffsetMapping {
      override fun originalToTransformed(offset: Int): Int {
          return (i % 3) + (4 * (i.div(3)))
      }
  
      override fun transformedToOriginal(offset: Int): Int {
          // I couldn't figure a formula to do that
          return TODO()
      }
  }
  </code></pre>
  <p>Example outputs of the formula in <code>originalToTransformed()</code></p>
  <p>0 -&gt; 0 <br>
  1 -&gt; 1 <br>
  2 -&gt; 2 <br><br>
  3 -&gt; 4 <br>
  4 -&gt; 5 <br>
  5 -&gt; 6 <br><br>
  6 -&gt; 8 <br>
  7 -&gt; 9 <br>
  8 -&gt; 10 <br>
  9 -&gt; 12 <br>
  10 -&gt; 13 <br></p>