@react-md/core 1.0.0-next.0 → 1.0.0-next.10

package/coverage/lcov-report/form/TextArea.tsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/341</span>
+                <span class='fraction'>293/293</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>17/17</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/341</span>
+                <span class='fraction'>293/293</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -356,736 +356,592 @@
 <a name='L291'></a><a href='#L291'>291</a>
 <a name='L292'></a><a href='#L292'>292</a>
 <a name='L293'></a><a href='#L293'>293</a>
-<a name='L294'></a><a href='#L294'>294</a>
-<a name='L295'></a><a href='#L295'>295</a>
-<a name='L296'></a><a href='#L296'>296</a>
-<a name='L297'></a><a href='#L297'>297</a>
-<a name='L298'></a><a href='#L298'>298</a>
-<a name='L299'></a><a href='#L299'>299</a>
-<a name='L300'></a><a href='#L300'>300</a>
-<a name='L301'></a><a href='#L301'>301</a>
-<a name='L302'></a><a href='#L302'>302</a>
-<a name='L303'></a><a href='#L303'>303</a>
-<a name='L304'></a><a href='#L304'>304</a>
-<a name='L305'></a><a href='#L305'>305</a>
-<a name='L306'></a><a href='#L306'>306</a>
-<a name='L307'></a><a href='#L307'>307</a>
-<a name='L308'></a><a href='#L308'>308</a>
-<a name='L309'></a><a href='#L309'>309</a>
-<a name='L310'></a><a href='#L310'>310</a>
-<a name='L311'></a><a href='#L311'>311</a>
-<a name='L312'></a><a href='#L312'>312</a>
-<a name='L313'></a><a href='#L313'>313</a>
-<a name='L314'></a><a href='#L314'>314</a>
-<a name='L315'></a><a href='#L315'>315</a>
-<a name='L316'></a><a href='#L316'>316</a>
-<a name='L317'></a><a href='#L317'>317</a>
-<a name='L318'></a><a href='#L318'>318</a>
-<a name='L319'></a><a href='#L319'>319</a>
-<a name='L320'></a><a href='#L320'>320</a>
-<a name='L321'></a><a href='#L321'>321</a>
-<a name='L322'></a><a href='#L322'>322</a>
-<a name='L323'></a><a href='#L323'>323</a>
-<a name='L324'></a><a href='#L324'>324</a>
-<a name='L325'></a><a href='#L325'>325</a>
-<a name='L326'></a><a href='#L326'>326</a>
-<a name='L327'></a><a href='#L327'>327</a>
-<a name='L328'></a><a href='#L328'>328</a>
-<a name='L329'></a><a href='#L329'>329</a>
-<a name='L330'></a><a href='#L330'>330</a>
-<a name='L331'></a><a href='#L331'>331</a>
-<a name='L332'></a><a href='#L332'>332</a>
-<a name='L333'></a><a href='#L333'>333</a>
-<a name='L334'></a><a href='#L334'>334</a>
-<a name='L335'></a><a href='#L335'>335</a>
-<a name='L336'></a><a href='#L336'>336</a>
-<a name='L337'></a><a href='#L337'>337</a>
-<a name='L338'></a><a href='#L338'>338</a>
-<a name='L339'></a><a href='#L339'>339</a>
-<a name='L340'></a><a href='#L340'>340</a>
-<a name='L341'></a><a href='#L341'>341</a>
-<a name='L342'></a><a href='#L342'>342</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >"use client";</span></span></span>
-<span class="cstat-no" title="statement not covered" >import { cnb } from "cnbuilder";</span>
-<span class="cstat-no" title="statement not covered" >import type {</span>
-<span class="cstat-no" title="statement not covered" >  CSSProperties,</span>
-<span class="cstat-no" title="statement not covered" >  HTMLAttributes,</span>
-<span class="cstat-no" title="statement not covered" >  TextareaHTMLAttributes,</span>
-<span class="cstat-no" title="statement not covered" >} from "react";</span>
-<span class="cstat-no" title="statement not covered" >import { forwardRef, useRef } from "react";</span>
-<span class="cstat-no" title="statement not covered" >import { PropsWithRef } from "../types.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useEnsuredId } from "../useEnsuredId.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useEnsuredRef } from "../useEnsuredRef.js";</span>
-<span class="cstat-no" title="statement not covered" >import { bem } from "../utils/bem.js";</span>
-<span class="cstat-no" title="statement not covered" >import { FormMessageContainer } from "./FormMessageContainer.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useFormTheme } from "./FormThemeProvider.js";</span>
-<span class="cstat-no" title="statement not covered" >import { Label } from "./Label.js";</span>
-<span class="cstat-no" title="statement not covered" >import type { TextFieldClassNameOptions } from "./TextField.js";</span>
-<span class="cstat-no" title="statement not covered" >import { textField } from "./TextField.js";</span>
-<span class="cstat-no" title="statement not covered" >import { TextFieldContainer } from "./TextFieldContainer.js";</span>
-<span class="cstat-no" title="statement not covered" >import type { FormFieldOptions } from "./types.js";</span>
-<span class="cstat-no" title="statement not covered" >import type { TextAreaResize } from "./useResizingTextArea.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useResizingTextArea } from "./useResizingTextArea.js";</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >const styles = bem("rmd-textarea");</span>
-<span class="cstat-no" title="statement not covered" >const containerStyles = bem("rmd-textarea-container");</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >declare module "react" {</span>
-<span class="cstat-no" title="statement not covered" >  interface CSSProperties {</span>
-<span class="cstat-no" title="statement not covered" >    "--rmd-form-textarea-height"?: string | number;</span>
-<span class="cstat-no" title="statement not covered" >    "--rmd-form-textarea-padding"?: string | number;</span>
-<span class="cstat-no" title="statement not covered" >  }</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export interface TextAreaClassNameOptions extends TextFieldClassNameOptions {</span>
-<span class="cstat-no" title="statement not covered" >  className?: string;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * This should not be used externally and is only used for creating the hidden</span>
-<span class="cstat-no" title="statement not covered" >   * textarea mask for the auto resizing behavior.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `false`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  mask?: boolean;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * @see {@link TextAreaResize}</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `"auto"`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  resize?: TextAreaResize;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * Set this to `true` if the textarea should display a scrollbar.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `false`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  scrollable?: boolean;</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export function textArea(options: TextAreaClassNameOptions = {}): string {</span>
-<span class="cstat-no" title="statement not covered" >  const {</span>
-<span class="cstat-no" title="statement not covered" >    className,</span>
-<span class="cstat-no" title="statement not covered" >    mask = false,</span>
-<span class="cstat-no" title="statement not covered" >    resize = "auto",</span>
-<span class="cstat-no" title="statement not covered" >    scrollable = false,</span>
-<span class="cstat-no" title="statement not covered" >    placeholderHidden = false,</span>
-<span class="cstat-no" title="statement not covered" >  } = options;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  return cnb(</span>
-<span class="cstat-no" title="statement not covered" >    textField({ placeholderHidden }),</span>
-<span class="cstat-no" title="statement not covered" >    styles({</span>
-<span class="cstat-no" title="statement not covered" >      rh: resize === "horizontal",</span>
-<span class="cstat-no" title="statement not covered" >      rv: resize === "vertical",</span>
-<span class="cstat-no" title="statement not covered" >      rn: resize === "auto" || resize === "none",</span>
-<span class="cstat-no" title="statement not covered" >      mask,</span>
-<span class="cstat-no" title="statement not covered" >      scrollable: scrollable || resize === "none",</span>
-<span class="cstat-no" title="statement not covered" >    }),</span>
-<span class="cstat-no" title="statement not covered" >    className</span>
-<span class="cstat-no" title="statement not covered" >  );</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >export interface TextAreaProps</span>
-<span class="cstat-no" title="statement not covered" >  extends FormFieldOptions,</span>
-<span class="cstat-no" title="statement not covered" >    TextareaHTMLAttributes&lt;HTMLTextAreaElement&gt; {</span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * Optional placeholder text to display in the text field.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `label ? " " : ""`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  placeholder?: string;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * Set this to `true` if the auto resizing textarea should not animate for new</span>
-<span class="cstat-no" title="statement not covered" >   * height changes.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `false`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  disableTransition?: boolean;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * An optional style to apply to the textarea element. The base `style` prop</span>
-<span class="cstat-no" title="statement not covered" >   * is applied to the surrounding `div` instead.</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  areaStyle?: CSSProperties;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * An optional className to apply to the textarea element. The base `style`</span>
-<span class="cstat-no" title="statement not covered" >   * prop is applied to the surrounding `div` instead.</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  areaClassName?: string;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `2`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  rows?: number;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * The maximum number of rows a textarea can expand to before showing a</span>
-<span class="cstat-no" title="statement not covered" >   * scrollbar. When this is set to `-1`, there will be no limit.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `-1`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  maxRows?: number;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * @see {@link TextAreaResize}</span>
-<span class="cstat-no" title="statement not covered" >   * @defaultValue `"auto"`</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  resize?: TextAreaResize;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >  /**</span>
-<span class="cstat-no" title="statement not covered" >   * When the {@link resize} prop is set to `"auto"`, an additional `&lt;div&gt;` is</span>
-<span class="cstat-no" title="statement not covered" >   * added along with a hidden `&lt;textarea&gt;` mask. This prop can be used to add</span>
-<span class="cstat-no" title="statement not covered" >   * any additional styling or props to that div.</span>
-<span class="cstat-no" title="statement not covered" >   *</span>
-<span class="cstat-no" title="statement not covered" >   * This will only be applied when {@link resize} is set to `"auto"`.</span>
-<span class="cstat-no" title="statement not covered" >   */</span>
-<span class="cstat-no" title="statement not covered" >  resizeContainerProps?: PropsWithRef&lt;</span>
-<span class="cstat-no" title="statement not covered" >    HTMLAttributes&lt;HTMLDivElement&gt;,</span>
-<span class="cstat-no" title="statement not covered" >    HTMLDivElement</span>
-<span class="cstat-no" title="statement not covered" >  &gt;;</span>
-<span class="cstat-no" title="statement not covered" >}</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >/**</span>
-<span class="cstat-no" title="statement not covered" > * **Client Component**</span>
-<span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * @example</span>
-<span class="cstat-no" title="statement not covered" > * Simple Example</span>
-<span class="cstat-no" title="statement not covered" > * ```tsx</span>
-<span class="cstat-no" title="statement not covered" > * import { TextArea } from "@react-md/core";</span>
-<span class="cstat-no" title="statement not covered" > * import type { ReactElement } from "react";</span>
-<span class="cstat-no" title="statement not covered" > *</span>
-<span class="cstat-no" title="statement not covered" > * function Example(): ReactElement {</span>
-<span class="cstat-no" title="statement not covered" > *   return (</span>
-<span class="cstat-no" title="statement not covered" > *     &lt;TextArea</span>
-<span class="cstat-no" title="statement not covered" > *       label="Label"</span>
-<span class="cstat-no" title="statement not covered" > *       placeholder="Placeholder"</span>
-<span class="cstat-no" title="statement not covered" > *     /&gt;</span>
-<span class="cstat-no" title="statement not covered" > *   );</span>
-<span class="cstat-no" title="statement not covered" > * }</span>
-<span class="cstat-no" title="statement not covered" > * ```</span>
-<span class="cstat-no" title="statement not covered" > */</span>
-<span class="cstat-no" title="statement not covered" >export const TextArea = forwardRef&lt;HTMLTextAreaElement, TextAreaProps&gt;(</span>
-<span class="cstat-no" title="statement not covered" >  function TextArea(props, ref) {</span>
-<span class="cstat-no" title="statement not covered" >    const {</span>
-<span class="cstat-no" title="statement not covered" >      id: propId,</span>
-<span class="cstat-no" title="statement not covered" >      style,</span>
-<span class="cstat-no" title="statement not covered" >      className,</span>
-<span class="cstat-no" title="statement not covered" >      label,</span>
-<span class="cstat-no" title="statement not covered" >      labelProps,</span>
-<span class="cstat-no" title="statement not covered" >      labelStyle,</span>
-<span class="cstat-no" title="statement not covered" >      labelClassName,</span>
-<span class="cstat-no" title="statement not covered" >      areaStyle,</span>
-<span class="cstat-no" title="statement not covered" >      areaClassName,</span>
-<span class="cstat-no" title="statement not covered" >      resizeContainerProps,</span>
-<span class="cstat-no" title="statement not covered" >      resize = "auto",</span>
-<span class="cstat-no" title="statement not covered" >      dense = false,</span>
-<span class="cstat-no" title="statement not covered" >      error = false,</span>
-<span class="cstat-no" title="statement not covered" >      active = false,</span>
-<span class="cstat-no" title="statement not covered" >      inline: propInline = false,</span>
-<span class="cstat-no" title="statement not covered" >      stretch = false,</span>
-<span class="cstat-no" title="statement not covered" >      leftAddon,</span>
-<span class="cstat-no" title="statement not covered" >      rightAddon,</span>
-<span class="cstat-no" title="statement not covered" >      disableLeftAddonStyles = false,</span>
-<span class="cstat-no" title="statement not covered" >      disableRightAddonStyles = false,</span>
-<span class="cstat-no" title="statement not covered" >      theme: propTheme,</span>
-<span class="cstat-no" title="statement not covered" >      underlineDirection: propUnderlineDirection,</span>
-<span class="cstat-no" title="statement not covered" >      messageProps,</span>
-<span class="cstat-no" title="statement not covered" >      messageContainerProps,</span>
-<span class="cstat-no" title="statement not covered" >      rows = 2,</span>
-<span class="cstat-no" title="statement not covered" >      maxRows = -1,</span>
-<span class="cstat-no" title="statement not covered" >      onChange: propOnChange,</span>
-<span class="cstat-no" title="statement not covered" >      disableTransition = false,</span>
-<span class="cstat-no" title="statement not covered" >      ...remaining</span>
-<span class="cstat-no" title="statement not covered" >    } = props;</span>
-<span class="cstat-no" title="statement not covered" >    const { disabled = false, readOnly = false, value, defaultValue } = props;</span>
-<span class="cstat-no" title="statement not covered" >    const id = useEnsuredId(propId, "text-field");</span>
-<span class="cstat-no" title="statement not covered" >    const { theme, underlineDirection } = useFormTheme({</span>
-<span class="cstat-no" title="statement not covered" >      theme: propTheme,</span>
-<span class="cstat-no" title="statement not covered" >      underlineDirection: propUnderlineDirection,</span>
-<span class="cstat-no" title="statement not covered" >    });</span>
-<span class="cstat-no" title="statement not covered" >    const [areaRef, areaRefCallback] = useEnsuredRef(ref);</span>
-<span class="cstat-no" title="statement not covered" >    const containerRef = useRef&lt;HTMLDivElement&gt;(null);</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const { maskRef, height, onChange, scrollable } = useResizingTextArea({</span>
-<span class="cstat-no" title="statement not covered" >      maxRows,</span>
-<span class="cstat-no" title="statement not covered" >      resize,</span>
-<span class="cstat-no" title="statement not covered" >      onChange: propOnChange,</span>
-<span class="cstat-no" title="statement not covered" >      containerRef,</span>
-<span class="cstat-no" title="statement not covered" >    });</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    let { placeholder = "" } = props;</span>
-<span class="cstat-no" title="statement not covered" >    if (label &amp;&amp; !placeholder) {</span>
-<span class="cstat-no" title="statement not covered" >      // See the placeholder type definition comments for information</span>
-<span class="cstat-no" title="statement not covered" >      placeholder = " ";</span>
-<span class="cstat-no" title="statement not covered" >    }</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    // have to force it inline or else you won't be able to resize</span>
-<span class="cstat-no" title="statement not covered" >    // it horizontally.</span>
-<span class="cstat-no" title="statement not covered" >    const inline = resize === "horizontal" || resize === "both" || propInline;</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const area = (</span>
-<span class="cstat-no" title="statement not covered" >      &lt;textarea</span>
-<span class="cstat-no" title="statement not covered" >        {...remaining}</span>
-<span class="cstat-no" title="statement not covered" >        id={id}</span>
-<span class="cstat-no" title="statement not covered" >        ref={areaRefCallback}</span>
-<span class="cstat-no" title="statement not covered" >        rows={rows}</span>
-<span class="cstat-no" title="statement not covered" >        disabled={disabled}</span>
-<span class="cstat-no" title="statement not covered" >        onChange={onChange}</span>
-<span class="cstat-no" title="statement not covered" >        style={areaStyle}</span>
-<span class="cstat-no" title="statement not covered" >        className={textArea({</span>
-<span class="cstat-no" title="statement not covered" >          resize,</span>
-<span class="cstat-no" title="statement not covered" >          scrollable,</span>
-<span class="cstat-no" title="statement not covered" >          className: areaClassName,</span>
-<span class="cstat-no" title="statement not covered" >          placeholderHidden: !!label &amp;&amp; !active,</span>
-<span class="cstat-no" title="statement not covered" >        })}</span>
-<span class="cstat-no" title="statement not covered" >      /&gt;</span>
-<span class="cstat-no" title="statement not covered" >    );</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    const labelNode = label &amp;&amp; (</span>
-<span class="cstat-no" title="statement not covered" >      &lt;Label</span>
-<span class="cstat-no" title="statement not covered" >        {...labelProps}</span>
-<span class="cstat-no" title="statement not covered" >        htmlFor={id}</span>
-<span class="cstat-no" title="statement not covered" >        style={labelProps?.style ?? labelStyle}</span>
-<span class="cstat-no" title="statement not covered" >        className={labelProps?.className ?? labelClassName}</span>
-<span class="cstat-no" title="statement not covered" >        floating</span>
-<span class="cstat-no" title="statement not covered" >        dense={dense}</span>
-<span class="cstat-no" title="statement not covered" >        error={error}</span>
-<span class="cstat-no" title="statement not covered" >        active={active}</span>
-<span class="cstat-no" title="statement not covered" >        disabled={disabled}</span>
-<span class="cstat-no" title="statement not covered" >      &gt;</span>
-<span class="cstat-no" title="statement not covered" >        {label}</span>
-<span class="cstat-no" title="statement not covered" >      &lt;/Label&gt;</span>
-<span class="cstat-no" title="statement not covered" >    );</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    let children = (</span>
-<span class="cstat-no" title="statement not covered" >      &lt;&gt;</span>
-<span class="cstat-no" title="statement not covered" >        {area}</span>
-<span class="cstat-no" title="statement not covered" >        {labelNode}</span>
-<span class="cstat-no" title="statement not covered" >      &lt;/&gt;</span>
-<span class="cstat-no" title="statement not covered" >    );</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    if (resize === "auto") {</span>
-<span class="cstat-no" title="statement not covered" >      children = (</span>
-<span class="cstat-no" title="statement not covered" >        &lt;div</span>
-<span class="cstat-no" title="statement not covered" >          {...resizeContainerProps}</span>
-<span class="cstat-no" title="statement not covered" >          className={cnb(</span>
-<span class="cstat-no" title="statement not covered" >            containerStyles("inner", {</span>
-<span class="cstat-no" title="statement not covered" >              animate: !disableTransition,</span>
-<span class="cstat-no" title="statement not covered" >              height: !!height,</span>
-<span class="cstat-no" title="statement not covered" >            }),</span>
-<span class="cstat-no" title="statement not covered" >            resizeContainerProps?.className</span>
-<span class="cstat-no" title="statement not covered" >          )}</span>
-<span class="cstat-no" title="statement not covered" >        &gt;</span>
-<span class="cstat-no" title="statement not covered" >          {area}</span>
-<span class="cstat-no" title="statement not covered" >          {labelNode}</span>
-<span class="cstat-no" title="statement not covered" >          &lt;textarea</span>
-<span class="cstat-no" title="statement not covered" >            aria-hidden</span>
-<span class="cstat-no" title="statement not covered" >            id={`${id}-mask`}</span>
-<span class="cstat-no" title="statement not covered" >            ref={maskRef}</span>
-<span class="cstat-no" title="statement not covered" >            defaultValue={value ?? defaultValue}</span>
-<span class="cstat-no" title="statement not covered" >            readOnly</span>
-<span class="cstat-no" title="statement not covered" >            tabIndex={-1}</span>
-<span class="cstat-no" title="statement not covered" >            rows={rows}</span>
-<span class="cstat-no" title="statement not covered" >            style={areaStyle}</span>
-<span class="cstat-no" title="statement not covered" >            className={textArea({</span>
-<span class="cstat-no" title="statement not covered" >              mask: true,</span>
-<span class="cstat-no" title="statement not covered" >              resize,</span>
-<span class="cstat-no" title="statement not covered" >              className: areaClassName,</span>
-<span class="cstat-no" title="statement not covered" >            })}</span>
-<span class="cstat-no" title="statement not covered" >          /&gt;</span>
-<span class="cstat-no" title="statement not covered" >        &lt;/div&gt;</span>
-<span class="cstat-no" title="statement not covered" >      );</span>
-<span class="cstat-no" title="statement not covered" >    }</span>
-<span class="cstat-no" title="statement not covered" ></span>
-<span class="cstat-no" title="statement not covered" >    return (</span>
-<span class="cstat-no" title="statement not covered" >      &lt;FormMessageContainer</span>
-<span class="cstat-no" title="statement not covered" >        {...messageContainerProps}</span>
-<span class="cstat-no" title="statement not covered" >        messageProps={messageProps}</span>
-<span class="cstat-no" title="statement not covered" >      &gt;</span>
-<span class="cstat-no" title="statement not covered" >        &lt;TextFieldContainer</span>
-<span class="cstat-no" title="statement not covered" >          ref={containerRef}</span>
-<span class="cstat-no" title="statement not covered" >          style={{</span>
-<span class="cstat-no" title="statement not covered" >            ...style,</span>
-<span class="cstat-no" title="statement not covered" >            "--rmd-form-textarea-height": height,</span>
-<span class="cstat-no" title="statement not covered" >          }}</span>
-<span class="cstat-no" title="statement not covered" >          className={cnb(</span>
-<span class="cstat-no" title="statement not covered" >            containerStyles({</span>
-<span class="cstat-no" title="statement not covered" >              animate: !disableTransition &amp;&amp; resize == "auto",</span>
-<span class="cstat-no" title="statement not covered" >              cursor: !disabled,</span>
-<span class="cstat-no" title="statement not covered" >              height: !!height,</span>
-<span class="cstat-no" title="statement not covered" >              "underline-labelled":</span>
-<span class="cstat-no" title="statement not covered" >                !!label &amp;&amp; (theme === "underline" || theme === "filled"),</span>
-<span class="cstat-no" title="statement not covered" >            }),</span>
-<span class="cstat-no" title="statement not covered" >            className</span>
-<span class="cstat-no" title="statement not covered" >          )}</span>
-<span class="cstat-no" title="statement not covered" >          theme={theme}</span>
-<span class="cstat-no" title="statement not covered" >          label={!!label}</span>
-<span class="cstat-no" title="statement not covered" >          error={error}</span>
-<span class="cstat-no" title="statement not covered" >          dense={dense}</span>
-<span class="cstat-no" title="statement not covered" >          inline={inline}</span>
-<span class="cstat-no" title="statement not covered" >          active={active}</span>
-<span class="cstat-no" title="statement not covered" >          stretch={stretch}</span>
-<span class="cstat-no" title="statement not covered" >          readOnly={readOnly}</span>
-<span class="cstat-no" title="statement not covered" >          disabled={disabled}</span>
-<span class="cstat-no" title="statement not covered" >          leftAddon={leftAddon}</span>
-<span class="cstat-no" title="statement not covered" >          rightAddon={rightAddon}</span>
-<span class="cstat-no" title="statement not covered" >          underlineDirection={underlineDirection}</span>
-<span class="cstat-no" title="statement not covered" >          disableLeftAddonStyles={disableLeftAddonStyles}</span>
-<span class="cstat-no" title="statement not covered" >          disableRightAddonStyles={disableRightAddonStyles}</span>
-<span class="cstat-no" title="statement not covered" >          onClick={(event) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >            if (!disabled &amp;&amp; event.target === event.currentTarget) {</span>
-<span class="cstat-no" title="statement not covered" >              areaRef.current?.focus();</span>
-<span class="cstat-no" title="statement not covered" >            }</span>
-<span class="cstat-no" title="statement not covered" >          }}</span>
-<span class="cstat-no" title="statement not covered" >        &gt;</span>
-<span class="cstat-no" title="statement not covered" >          {children}</span>
-<span class="cstat-no" title="statement not covered" >        &lt;/TextFieldContainer&gt;</span>
-<span class="cstat-no" title="statement not covered" >      &lt;/FormMessageContainer&gt;</span>
-<span class="cstat-no" title="statement not covered" >    );</span>
-<span class="cstat-no" title="statement not covered" >  }</span>
-<span class="cstat-no" title="statement not covered" >);</span>
+<a name='L294'></a><a href='#L294'>294</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">46x</span>
+<span class="cline-any cline-yes">46x</span>
+<span class="cline-any cline-yes">46x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">50x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">56x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
+import {
+  forwardRef,
+  type CSSProperties,
+  type HTMLAttributes,
+  type TextareaHTMLAttributes,
+} from "react";
+import { type PropsWithRef } from "../types.js";
+import { useEnsuredId } from "../useEnsuredId.js";
+import { useEnsuredRef } from "../useEnsuredRef.js";
+import { FormMessageContainer } from "./FormMessageContainer.js";
+import { Label } from "./Label.js";
+import { ResizingTextAreaWrapper } from "./ResizingTextAreaWrapper.js";
+import { TextFieldContainer } from "./TextFieldContainer.js";
+import { getFormConfig } from "./formConfig.js";
+import { textArea, textAreaContainer } from "./textAreaStyles.js";
+import { type FormFieldOptions } from "./types.js";
+import {
+  useResizingTextArea,
+  type TextAreaResize,
+} from "./useResizingTextArea.js";
+&nbsp;
+/**
+ * @remarks \@since 6.0.0 Added `containerProps`.
+ */
+export interface TextAreaProps
+  extends FormFieldOptions,
+    TextareaHTMLAttributes&lt;HTMLTextAreaElement&gt; {
+  /** @defaultValue `"text-area-" + useId()` */
+  id?: string;
+&nbsp;
+  /**
+   * Optional placeholder text to display in the text field.
+   *
+   * @defaultValue `label ? " " : ""`
+   */
+  placeholder?: string;
+&nbsp;
+  /**
+   * Set this to `true` if the auto resizing textarea should not animate for new
+   * height changes.
+   *
+   * @defaultValue `false`
+   */
+  disableTransition?: boolean;
+&nbsp;
+  /**
+   * An optional style to apply to the textarea element. The base `style` prop
+   * is applied to the surrounding `div` instead.
+   */
+  areaStyle?: CSSProperties;
+&nbsp;
+  /**
+   * An optional className to apply to the textarea element. The base `style`
+   * prop is applied to the surrounding `div` instead.
+   */
+  areaClassName?: string;
+&nbsp;
+  /**
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-rows
+   * @defaultValue `2`
+   */
+  rows?: number;
+&nbsp;
+  /**
+   * The maximum number of rows a textarea can expand to before showing a
+   * scrollbar. When this is set to `-1`, there will be no limit.
+   *
+   * @defaultValue `-1`
+   */
+  maxRows?: number;
+&nbsp;
+  /**
+   * @see {@link TextAreaResize}
+   * @defaultValue `"auto"`
+   */
+  resize?: TextAreaResize;
+&nbsp;
+  /**
+   * When the {@link resize} prop is set to `"auto"`, an additional `&lt;div&gt;` is
+   * added along with a hidden `&lt;textarea&gt;` mask. This prop can be used to add
+   * any additional styling or props to that div.
+   *
+   * This will only be applied when {@link resize} is set to `"auto"`.
+   */
+  resizeContainerProps?: PropsWithRef&lt;
+    HTMLAttributes&lt;HTMLDivElement&gt;,
+    HTMLDivElement
+  &gt;;
+&nbsp;
+  /**
+   * Optional props to provide to the {@link TextFieldContainer} component.
+   * There probably isn't any real use for this prop other than if you need to
+   * add a `ref` for some DOM behavior.
+   */
+  containerProps?: PropsWithRef&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;;
+}
+&nbsp;
+/**
+ * **Client Component**
+ *
+ * @example
+ * Simple Example
+ * ```tsx
+ * import { TextArea } from "@react-md/core";
+ * import type { ReactElement } from "react";
+ *
+ * function Example(): ReactElement {
+ *   return (
+ *     &lt;TextArea
+ *       label="Label"
+ *       placeholder="Placeholder"
+ *     /&gt;
+ *   );
+ * }
+ * ```
+ */
+export const TextArea = forwardRef&lt;HTMLTextAreaElement, TextAreaProps&gt;(
+  function TextArea(props, ref) {
+    const {
+      id: propId,
+      style,
+      className,
+      label,
+      labelProps,
+      labelStyle,
+      labelClassName,
+      areaStyle,
+      areaClassName,
+      resizeContainerProps,
+      resize = "auto",
+      dense = false,
+      error = false,
+      active = false,
+      inline: propInline = false,
+      stretch = false,
+      leftAddon,
+      rightAddon,
+      disableLeftAddonStyles = false,
+      disableRightAddonStyles = false,
+      theme: propTheme,
+      underlineDirection: propUnderlineDirection,
+      messageProps,
+      messageContainerProps,
+      containerProps,
+      rows = 2,
+      maxRows = -1,
+      onChange: propOnChange,
+      disableTransition: propDisableTransition,
+      ...remaining
+    } = props;
+    const { disabled = false, readOnly = false, value, defaultValue } = props;
+    const id = useEnsuredId(propId, "text-area");
+    const theme = getFormConfig("theme", propTheme);
+    const underlineDirection = getFormConfig(
+      "underlineDirection",
+      propUnderlineDirection
+    );
+    const [areaRef, areaRefCallback] = useEnsuredRef(ref);
+&nbsp;
+    const {
+      maskRef,
+      containerRef,
+      height,
+      onChange,
+      scrollable,
+      disableTransition,
+    } = useResizingTextArea({
+      maxRows,
+      resize,
+      onChange: propOnChange,
+      containerRef: containerProps?.ref,
+      disableTransition: propDisableTransition,
+    });
+&nbsp;
+    let { placeholder = "" } = props;
+    if (label &amp;&amp; !placeholder) {
+      // See the placeholder type definition comments for information
+      placeholder = " ";
+    }
+&nbsp;
+    // have to force it inline or else you won't be able to resize
+    // it horizontally.
+    const inline = resize === "horizontal" || resize === "both" || propInline;
+&nbsp;
+    const area = (
+      &lt;textarea
+        {...remaining}
+        id={id}
+        ref={areaRefCallback}
+        rows={rows}
+        disabled={disabled}
+        onChange={onChange}
+        placeholder={placeholder}
+        style={areaStyle}
+        className={textArea({
+          resize,
+          scrollable,
+          className: areaClassName,
+          placeholderHidden: !!label &amp;&amp; !active,
+        })}
+      /&gt;
+    );
+&nbsp;
+    const labelNode = label &amp;&amp; (
+      &lt;Label
+        {...labelProps}
+        htmlFor={id}
+        style={labelProps?.style ?? labelStyle}
+        className={labelProps?.className ?? labelClassName}
+        floating
+        dense={dense}
+        error={error}
+        active={active}
+        disabled={disabled}
+      &gt;
+        {label}
+      &lt;/Label&gt;
+    );
+&nbsp;
+    let children = (
+      &lt;&gt;
+        {area}
+        {labelNode}
+      &lt;/&gt;
+    );
+&nbsp;
+    if (resize === "auto") {
+      children = (
+        &lt;ResizingTextAreaWrapper
+          {...resizeContainerProps}
+          maskId={`${id}-mask`}
+          maskRef={maskRef}
+          rows={rows}
+          areaStyle={areaStyle}
+          areaClassName={areaClassName}
+          defaultValue={value ?? defaultValue}
+          disableTransition={disableTransition}
+        &gt;
+          {children}
+        &lt;/ResizingTextAreaWrapper&gt;
+      );
+    }
+&nbsp;
+    return (
+      &lt;FormMessageContainer
+        {...messageContainerProps}
+        messageProps={messageProps}
+      &gt;
+        &lt;TextFieldContainer
+          {...containerProps}
+          ref={containerRef}
+          style={{
+            ...style,
+            "--rmd-textarea-height": height,
+          }}
+          className={textAreaContainer({
+            animate: !disableTransition &amp;&amp; resize == "auto",
+            disabled,
+            height: !!height,
+            underlineLabelled:
+              !!label &amp;&amp; (theme === "underline" || theme === "filled"),
+            className,
+          })}
+          theme={theme}
+          label={!!label}
+          error={error}
+          dense={dense}
+          inline={inline}
+          active={active}
+          stretch={stretch}
+          readOnly={readOnly}
+          disabled={disabled}
+          leftAddon={leftAddon}
+          rightAddon={rightAddon}
+          underlineDirection={underlineDirection}
+          disableLeftAddonStyles={disableLeftAddonStyles}
+          disableRightAddonStyles={disableRightAddonStyles}
+          onClick={(event) =&gt; {
+            // The textarea container adds padding-top when there is a label so
+            // that the label does not cover the text so this makes it so you
+            // can still click anywhere in the "box" to focus the textarea.
+            if (!disabled &amp;&amp; event.target === event.currentTarget) {
+              areaRef.current?.focus();
+            }
+          }}
+        &gt;
+          {children}
+        &lt;/TextFieldContainer&gt;
+      &lt;/FormMessageContainer&gt;
+    );
+  }
+);
 &nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
@@ -1093,7 +949,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-22T01:31:20.020Z
+                at 2024-03-24T04:52:55.397Z
             </div>
         <script src="../prettify.js"></script>
         <script>