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

package/coverage/lcov-report/src/form/SwitchTrack.tsx.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">42.85% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>21/49</span>
+                <span class='fraction'>59/59</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">50% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/0</span>
+                <span class='fraction'>1/2</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'>1/1</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">42.85% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>21/49</span>
+                <span class='fraction'>59/59</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>
@@ -112,7 +112,19 @@
 <a name='L47'></a><a href='#L47'>47</a>
 <a name='L48'></a><a href='#L48'>48</a>
 <a name='L49'></a><a href='#L49'>49</a>
-<a name='L50'></a><a href='#L50'>50</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L50'></a><a href='#L50'>50</a>
+<a name='L51'></a><a href='#L51'>51</a>
+<a name='L52'></a><a href='#L52'>52</a>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a>
+<a name='L55'></a><a href='#L55'>55</a>
+<a name='L56'></a><a href='#L56'>56</a>
+<a name='L57'></a><a href='#L57'>57</a>
+<a name='L58'></a><a href='#L58'>58</a>
+<a name='L59'></a><a href='#L59'>59</a>
+<a name='L60'></a><a href='#L60'>60</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>
@@ -132,37 +144,50 @@
 <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-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</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">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</span>
+<span class="cline-any cline-yes">14x</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">import { cnb } from "cnbuilder";
-import { forwardRef, type CSSProperties, type HTMLAttributes } from "react";
+import {
+  forwardRef,
+  type CSSProperties,
+  type HTMLAttributes,
+  type ReactNode,
+} from "react";
 import { type PropsWithRef } from "../types.js";
 import { bem } from "../utils/bem.js";
 &nbsp;
@@ -171,6 +196,7 @@ const styles = bem("rmd-switch");
 export interface SwitchTrackProps extends HTMLAttributes&lt;HTMLDivElement&gt; {
   active?: boolean;
   disabled?: boolean;
+  ballAddon?: ReactNode;
   ballProps?: PropsWithRef&lt;HTMLAttributes&lt;HTMLSpanElement&gt;, HTMLSpanElement&gt;;
   ballStyle?: CSSProperties;
   ballClassName?: string;
@@ -180,35 +206,39 @@ export interface SwitchTrackProps extends HTMLAttributes&lt;HTMLDivElement&gt; {
  * **Server Component**
  */
 export const SwitchTrack = forwardRef&lt;HTMLDivElement, SwitchTrackProps&gt;(
-<span class="fstat-no" title="function not covered" >  function SwitchTrack(props, ref) {</span>
-<span class="cstat-no" title="statement not covered" >    const {</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" >      ballProps,</span>
-<span class="cstat-no" title="statement not covered" >      ballStyle,</span>
-<span class="cstat-no" title="statement not covered" >      ballClassName,</span>
-<span class="cstat-no" title="statement not covered" >      active,</span>
-<span class="cstat-no" title="statement not covered" >      children,</span>
-<span class="cstat-no" title="statement not covered" >      disabled = 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" ></span>
-<span class="cstat-no" title="statement not covered" >    return (</span>
-<span class="cstat-no" title="statement not covered" >      &lt;div</span>
-<span class="cstat-no" title="statement not covered" >        {...remaining}</span>
-<span class="cstat-no" title="statement not covered" >        ref={ref}</span>
-<span class="cstat-no" title="statement not covered" >        style={style}</span>
-<span class="cstat-no" title="statement not covered" >        className={cnb(styles("track", { disabled }), className)}</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;span</span>
-<span class="cstat-no" title="statement not covered" >          style={ballStyle}</span>
-<span class="cstat-no" title="statement not covered" >          {...ballProps}</span>
-<span class="cstat-no" title="statement not covered" >          className={cnb(styles("ball", { active }), ballClassName)}</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>
+  function SwitchTrack(props, ref) {
+    const {
+      style,
+      className,
+      ballAddon,
+      ballProps,
+      ballStyle,
+      ballClassName,
+      active,
+      children,
+      disabled = false,
+      ...remaining
+    } = props;
+&nbsp;
+    return (
+      &lt;div
+        {...remaining}
+        ref={ref}
+        style={style}
+        className={cnb(styles("track", { disabled }), className)}
+      &gt;
+        {children}
+        &lt;span
+          style={ballStyle}
+          {...ballProps}
+          className={cnb(styles("ball", { active }), ballClassName)}
+        &gt;
+          {ballAddon}
+          {<span class="branch-0 cbranch-no" title="branch not covered" >ballProps?.children}</span>
+        &lt;/span&gt;
+      &lt;/div&gt;
+    );
+  }
 );
 &nbsp;</pre></td></tr></table></pre>
 
@@ -217,7 +247,7 @@ export const SwitchTrack = forwardRef&lt;HTMLDivElement, SwitchTrackProps&gt;(
             <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-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

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

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/281</span>
+                <span class='fraction'>0/285</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/281</span>
+                <span class='fraction'>0/285</span>
             </div>
         
             
@@ -344,7 +344,15 @@
 <a name='L279'></a><a href='#L279'>279</a>
 <a name='L280'></a><a href='#L280'>280</a>
 <a name='L281'></a><a href='#L281'>281</a>
-<a name='L282'></a><a href='#L282'>282</a></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
+<a name='L282'></a><a href='#L282'>282</a>
+<a name='L283'></a><a href='#L283'>283</a>
+<a name='L284'></a><a href='#L284'>284</a>
+<a name='L285'></a><a href='#L285'>285</a>
+<a name='L286'></a><a href='#L286'>286</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>
@@ -626,6 +634,7 @@
 <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 {</span>
 <span class="cstat-no" title="statement not covered" >  forwardRef,</span>
 <span class="cstat-no" title="statement not covered" >  useRef,</span>
@@ -834,11 +843,11 @@
 <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={textAreaContainer({</span>
-<span class="cstat-no" title="statement not covered" >            height: !!height,</span>
-<span class="cstat-no" title="statement not covered" >            animate: !disableTransition,</span>
-<span class="cstat-no" title="statement not covered" >            className: resizeContainerProps?.className,</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" >            "rmd-textarea-container__inner",</span>
+<span class="cstat-no" title="statement not covered" >            !disableTransition &amp;&amp; "rmd-textarea-container__inner--animate",</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>
@@ -895,6 +904,9 @@
 <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" >            // The textarea container adds padding-top when there is a label so</span>
+<span class="cstat-no" title="statement not covered" >            // that the label does not cover the text so this makes it so you</span>
+<span class="cstat-no" title="statement not covered" >            // can still click anywhere in the "box" to focus the textarea.</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>
@@ -913,7 +925,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-10-03T20:16:53.865Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/form/TextField.tsx.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>246/246</span>
+                <span class='fraction'>248/248</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>246/246</span>
+                <span class='fraction'>248/248</span>
             </div>
         
             
@@ -309,9 +309,9 @@
 <a name='L244'></a><a href='#L244'>244</a>
 <a name='L245'></a><a href='#L245'>245</a>
 <a name='L246'></a><a href='#L246'>246</a>
-<a name='L247'></a><a href='#L247'>247</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>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</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>
@@ -554,9 +554,12 @@
 <span class="cline-any cline-yes">23x</span>
 <span class="cline-any cline-yes">23x</span>
 <span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</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 {
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import {
   forwardRef,
   type CSSProperties,
   type HTMLAttributes,
@@ -662,8 +665,7 @@ export interface TextFieldProps
 }
 &nbsp;
 /**
- * **Client Component**
- * This might be able to become a server component if I remove the useFormTheme hook
+ * **Server Component**
  *
  * The structure for this component is:
  * @example
@@ -714,7 +716,9 @@ export const TextField = forwardRef&lt;HTMLInputElement, TextFieldProps&gt;(
       inline = false,
       stretch = false,
       leftAddon,
+      leftAddonProps,
       rightAddon,
+      rightAddonProps,
       disableLeftAddonStyles = false,
       disableRightAddonStyles = false,
       inputStyle,
@@ -760,7 +764,9 @@ export const TextField = forwardRef&lt;HTMLInputElement, TextFieldProps&gt;(
           readOnly={readOnly}
           disabled={disabled}
           leftAddon={leftAddon}
+          leftAddonProps={leftAddonProps}
           rightAddon={rightAddon}
+          rightAddonProps={rightAddonProps}
           underlineDirection={underlineDirection}
           disableLeftAddonStyles={disableLeftAddonStyles}
           disableRightAddonStyles={disableRightAddonStyles}
@@ -808,7 +814,7 @@ export const TextField = forwardRef&lt;HTMLInputElement, TextFieldProps&gt;(
             <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-10-03T20:16:53.865Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/form/TextFieldAddon.tsx.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">68.93% </span>
+                <span class="strong">67.67% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>71/103</span>
+                <span class='fraction'>67/99</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">68.93% </span>
+                <span class="strong">67.67% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>71/103</span>
+                <span class='fraction'>67/99</span>
             </div>
         
             
@@ -162,11 +162,8 @@
 <a name='L97'></a><a href='#L97'>97</a>
 <a name='L98'></a><a href='#L98'>98</a>
 <a name='L99'></a><a href='#L99'>99</a>
-<a name='L100'></a><a href='#L100'>100</a>
-<a name='L101'></a><a href='#L101'>101</a>
-<a name='L102'></a><a href='#L102'>102</a>
-<a name='L103'></a><a href='#L103'>103</a>
-<a name='L104'></a><a href='#L104'>104</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L100'></a><a href='#L100'>100</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>
@@ -232,11 +229,6 @@
 <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">46x</span>
 <span class="cline-any cline-yes">46x</span>
 <span class="cline-any cline-yes">46x</span>
@@ -270,8 +262,9 @@
 <span class="cline-any cline-no">&nbsp;</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">import { cnb } from "cnbuilder";
-import { forwardRef, type HTMLAttributes } from "react";
+import { forwardRef } from "react";
 import { bem } from "../utils/bem.js";
+import { type ConfigurableTextFieldAddonProps } from "./types.js";
 &nbsp;
 const styles = bem("rmd-text-field-addon");
 &nbsp;
@@ -309,7 +302,10 @@ export <span class="fstat-no" title="function not covered" >function textFieldAd
 <span class="cstat-no" title="statement not covered" >  );</span>
 <span class="cstat-no" title="statement not covered" >}</span>
 &nbsp;
-export interface TextFieldAddonProps extends HTMLAttributes&lt;HTMLSpanElement&gt; {
+/**
+ * @remarks \@since 6.0.0 Split props into `ConfigurableTextFieldAddonProps`
+ */
+export interface TextFieldAddonProps extends ConfigurableTextFieldAddonProps {
   /**
    * @defaultValue `false`
    */
@@ -322,18 +318,10 @@ export interface TextFieldAddonProps extends HTMLAttributes&lt;HTMLSpanElement&g
    * @defaultValue `false`
    */
   disabled?: boolean;
-&nbsp;
-  /**
-   * Boolean if the addon should be presentational only and prevent pointer
-   * events.
-   *
-   * @defaultValue `false`
-   */
-  pointerEvents?: boolean;
 }
 &nbsp;
 /**
- * **Client Component**
+ * **Server Component**
  *
  * This component is used to add an an icon before or after the text field with
  * correct styling.
@@ -379,7 +367,7 @@ export const TextFieldAddon = forwardRef&lt;HTMLSpanElement, TextFieldAddonProps
             <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-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/form/TextFieldContainer.tsx.html

@@ -25,14 +25,14 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>87/87</span>
+                <span class='fraction'>93/93</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>1/3</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>87/87</span>
+                <span class='fraction'>93/93</span>
             </div>
         
             
@@ -150,7 +150,13 @@
 <a name='L85'></a><a href='#L85'>85</a>
 <a name='L86'></a><a href='#L86'>86</a>
 <a name='L87'></a><a href='#L87'>87</a>
-<a name='L88'></a><a href='#L88'>88</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L88'></a><a href='#L88'>88</a>
+<a name='L89'></a><a href='#L89'>89</a>
+<a name='L90'></a><a href='#L90'>90</a>
+<a name='L91'></a><a href='#L91'>91</a>
+<a name='L92'></a><a href='#L92'>92</a>
+<a name='L93'></a><a href='#L93'>93</a>
+<a name='L94'></a><a href='#L94'>94</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>
@@ -237,6 +243,12 @@
 <span class="cline-any cline-yes">23x</span>
 <span class="cline-any cline-yes">23x</span>
 <span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
+<span class="cline-any cline-yes">23x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
 import { forwardRef, type HTMLAttributes } from "react";
 import { getFormConfig } from "./formConfig.js";
@@ -281,8 +293,10 @@ export const TextFieldContainer = forwardRef&lt;
     readOnly = false,
     disabled = false,
     leftAddon,
+    leftAddonProps,
     disableLeftAddonStyles = false,
     rightAddon,
+    rightAddonProps,
     disableRightAddonStyles = false,
     theme: propTheme,
     underlineDirection: propUnderlineDirection,
@@ -309,16 +323,20 @@ export const TextFieldContainer = forwardRef&lt;
         readOnly,
         disabled,
         className,
-        leftAddon: !!leftAddon,
-        rightAddon: !!rightAddon,
+        leftAddon: !!<span class="branch-0 cbranch-no" title="branch not covered" >leftAddon &amp;&amp; !disableLeftAddonStyles,</span>
+        rightAddon: !!<span class="branch-0 cbranch-no" title="branch not covered" >rightAddon &amp;&amp; !disableRightAddonStyles,</span>
         underlineDirection,
       })}
     &gt;
-      &lt;TextFieldAddon disabled={disableLeftAddonStyles}&gt;
+      &lt;TextFieldAddon {...leftAddonProps} disabled={disableLeftAddonStyles}&gt;
         {leftAddon}
       &lt;/TextFieldAddon&gt;
       {children}
-      &lt;TextFieldAddon disabled={disableRightAddonStyles} after&gt;
+      &lt;TextFieldAddon
+        {...rightAddonProps}
+        disabled={disableRightAddonStyles}
+        after
+      &gt;
         {rightAddon}
       &lt;/TextFieldAddon&gt;
     &lt;/div&gt;
@@ -331,7 +349,7 @@ export const TextFieldContainer = forwardRef&lt;
             <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-10-03T20:16:53.865Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>