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

package/coverage/lcov-report/src/app-bar/AppBar.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'>244/244</span>
+                <span class='fraction'>284/284</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'>244/244</span>
+                <span class='fraction'>284/284</span>
             </div>
         
             
@@ -307,7 +307,47 @@
 <a name='L242'></a><a href='#L242'>242</a>
 <a name='L243'></a><a href='#L243'>243</a>
 <a name='L244'></a><a href='#L244'>244</a>
-<a name='L245'></a><a href='#L245'>245</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<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>
+<a name='L248'></a><a href='#L248'>248</a>
+<a name='L249'></a><a href='#L249'>249</a>
+<a name='L250'></a><a href='#L250'>250</a>
+<a name='L251'></a><a href='#L251'>251</a>
+<a name='L252'></a><a href='#L252'>252</a>
+<a name='L253'></a><a href='#L253'>253</a>
+<a name='L254'></a><a href='#L254'>254</a>
+<a name='L255'></a><a href='#L255'>255</a>
+<a name='L256'></a><a href='#L256'>256</a>
+<a name='L257'></a><a href='#L257'>257</a>
+<a name='L258'></a><a href='#L258'>258</a>
+<a name='L259'></a><a href='#L259'>259</a>
+<a name='L260'></a><a href='#L260'>260</a>
+<a name='L261'></a><a href='#L261'>261</a>
+<a name='L262'></a><a href='#L262'>262</a>
+<a name='L263'></a><a href='#L263'>263</a>
+<a name='L264'></a><a href='#L264'>264</a>
+<a name='L265'></a><a href='#L265'>265</a>
+<a name='L266'></a><a href='#L266'>266</a>
+<a name='L267'></a><a href='#L267'>267</a>
+<a name='L268'></a><a href='#L268'>268</a>
+<a name='L269'></a><a href='#L269'>269</a>
+<a name='L270'></a><a href='#L270'>270</a>
+<a name='L271'></a><a href='#L271'>271</a>
+<a name='L272'></a><a href='#L272'>272</a>
+<a name='L273'></a><a href='#L273'>273</a>
+<a name='L274'></a><a href='#L274'>274</a>
+<a name='L275'></a><a href='#L275'>275</a>
+<a name='L276'></a><a href='#L276'>276</a>
+<a name='L277'></a><a href='#L277'>277</a>
+<a name='L278'></a><a href='#L278'>278</a>
+<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>
+<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></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>
@@ -461,6 +501,28 @@
 <span class="cline-any cline-yes">116x</span>
 <span class="cline-any cline-yes">116x</span>
 <span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</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>
@@ -550,6 +612,24 @@
 <span class="cline-any cline-yes">116x</span>
 <span class="cline-any cline-yes">116x</span>
 <span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</span>
+<span class="cline-any cline-yes">116x</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 {
@@ -558,7 +638,13 @@ import {
   type HTMLAttributes,
   type Ref,
 } from "react";
-import { cssUtils, type BackgroundColor } from "../cssUtils.js";
+import { box, type BoxOptions } from "../box/styles.js";
+import {
+  cssUtils,
+  type BackgroundColor,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  type CssUtilsOptions,
+} from "../cssUtils.js";
 import { type CssPosition } from "../types.js";
 import { bem } from "../utils/bem.js";
 &nbsp;
@@ -605,7 +691,7 @@ export type AppBarHeight =
   | "prominent-dense";
 &nbsp;
 /** @remarks \@since 6.0.0 */
-export interface AppBarClassNameOptions {
+export interface AppBarClassNameOptions extends Omit&lt;BoxOptions, "fullWidth"&gt; {
   className?: string;
 &nbsp;
   /**
@@ -639,21 +725,15 @@ export interface AppBarClassNameOptions {
    * @see {@link AppBarTheme}
    */
   theme?: AppBarTheme;
-&nbsp;
-  /**
-   * Set this to `true` to update the `AppBar` to have `flex-direction: column`.
-   * This is useful when nesting `AppBar`s.
-   *
-   * @remarks \@since 6.0.0
-   * @defaultValue `false`
-   */
-  stacked?: boolean;
 &nbsp;
   /**
    * @defaultValue `stacked ? "auto" : "normal"`
    * @see {@link AppBarHeight}
    */
   height?: AppBarHeight;
+&nbsp;
+  /** @see {@link CssUtilsOptions.surfaceColor} */
+  surfaceColor?: "light" | "dark";
 &nbsp;
   /**
    * Set this to `true` if the app bar's positioning and width should be
@@ -676,13 +756,22 @@ export interface AppBarClassNameOptions {
 export function appBar(options: AppBarClassNameOptions = {}): string {
   const {
     className,
-    height = "normal",
     theme = "primary",
-    stacked = false,
+    stacked,
+    height = stacked ? "auto" : "normal",
     position = "static",
     pagePosition = "top",
     scrollbarOffset = position === "fixed",
-    disableElevation = false,
+    align,
+    grid,
+    gridColumns,
+    gridName,
+    justify,
+    reversed,
+    surfaceColor,
+    disableWrap = true,
+    disablePadding,
+    disableElevation,
   } = options;
   const surface = theme === "surface";
   const clear = theme === "clear";
@@ -692,15 +781,28 @@ export function appBar(options: AppBarClassNameOptions = {}): string {
       surface,
       [height]: height !== "normal",
       fixed: position !== "static",
-      sticky: position === "sticky",
       stacked,
+      sticky: position === "sticky",
       [pagePosition]: position !== "static",
       elevated: position !== "static" &amp;&amp; !disableElevation,
       "scrollbar-offset": scrollbarOffset,
       "static-scrollbar-offset": position === "static" &amp;&amp; scrollbarOffset,
     }),
+    box({
+      align,
+      stacked,
+      fullWidth: true,
+      grid,
+      gridColumns,
+      gridName,
+      justify,
+      reversed,
+      disableWrap,
+      disablePadding,
+    }),
     cssUtils({
       backgroundColor: !surface &amp;&amp; !clear ? theme : undefined,
+      surfaceColor,
     }),
     className
   );
@@ -765,9 +867,18 @@ export const AppBar = forwardRef&lt;HTMLDivElement, AppBarProps&gt;(
       className,
       theme,
       stacked,
-      height = stacked ? "auto" : "normal",
+      height,
+      align,
+      grid,
+      gridName,
+      justify,
+      reversed,
+      gridColumns,
+      disableWrap,
+      disablePadding,
       position,
       pagePosition,
+      surfaceColor,
       scrollbarOffset,
       disableElevation,
       as: Component = position ? "header" : "div",
@@ -779,14 +890,23 @@ export const AppBar = forwardRef&lt;HTMLDivElement, AppBarProps&gt;(
       &lt;Component
         {...remaining}
         className={appBar({
+          className,
           theme,
           position,
           pagePosition,
           disableElevation,
-          stacked,
-          height,
-          className,
           scrollbarOffset,
+          height,
+          grid,
+          gridName,
+          gridColumns,
+          align,
+          stacked,
+          justify,
+          reversed,
+          surfaceColor,
+          disableWrap,
+          disablePadding,
         })}
         ref={ref}
       &gt;
@@ -802,7 +922,7 @@ export const AppBar = forwardRef&lt;HTMLDivElement, AppBarProps&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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/app-bar/AppBarTitle.tsx.html

@@ -430,7 +430,7 @@ export const AppBarTitle = forwardRef<HTMLHeadingElement, AppBarTitleProps&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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/app-bar/index.html

@@ -25,7 +25,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>364/364</span>
+                <span class='fraction'>404/404</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'>364/364</span>
+                <span class='fraction'>404/404</span>
             </div>
         
             
@@ -84,13 +84,13 @@
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="244" class="abs high">244/244</td>
+	<td data-value="284" class="abs high">284/284</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="11" class="abs high">11/11</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="2" class="abs high">2/2</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="244" class="abs high">244/244</td>
+	<td data-value="284" class="abs high">284/284</td>
 	</tr>
 
 <tr>
@@ -116,7 +116,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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/avatar/Avatar.tsx.html

@@ -339,7 +339,7 @@ declare module "react" {
 export type AvatarImgAttributes = ImgHTMLAttributes<HTMLImageElement>;
  
 export interface AvatarProps
-  extends HTMLAttributes<HTMLSpanElement>,
+  extends Omit<HTMLAttributes<HTMLSpanElement>, "color">,
     AvatarClassNameOptions {
   /**
    * This should be an image `src` attribute to create an avatar from. When this
@@ -457,7 +457,7 @@ export const Avatar = forwardRef<HTMLSpanElement, AvatarProps>(
             <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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/avatar/index.html

@@ -116,7 +116,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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/avatar/styles.ts.html

@@ -253,7 +253,7 @@ export function avatarImage(options: AvatarImageClassNameOptions = {}): string {
             <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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/badge/Badge.tsx.html

@@ -367,7 +367,7 @@ export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(
             <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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/badge/index.html

@@ -101,7 +101,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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/box/Box.tsx.html

@@ -526,7 +526,7 @@ export const Box = forwardRef<HTMLDivElement, BoxProps>(
             <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-11-12T03:26:02.290Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/box/index.html

@@ -25,28 +25,28 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>179/179</span>
+                <span class='fraction'>331/331</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">88.88% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/6</span>
+                <span class='fraction'>8/9</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>1/1</span>
+                <span class='fraction'>2/2</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>179/179</span>
+                <span class='fraction'>331/331</span>
             </div>
         
             
@@ -79,14 +79,29 @@
 </tr>
 </thead>
 <tbody><tr>
+	<td class="file high" data-value="Box.tsx"><a href="Box.tsx.html">Box.tsx</a></td>
+	<td data-value="100" class="pic high">
+	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="152" class="abs high">152/152</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="1" class="abs high">1/1</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="152" class="abs high">152/152</td>
+	</tr>
+
+<tr>
 	<td class="file high" data-value="styles.ts"><a href="styles.ts.html">styles.ts</a></td>
 	<td data-value="100" class="pic high">
 	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
 	</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="179" class="abs high">179/179</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="6" class="abs medium">3/6</td>
+	<td data-value="87.5" class="pct high">87.5%</td>
+	<td data-value="8" class="abs high">7/8</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="1" class="abs high">1/1</td>
 	<td data-value="100" class="pct high">100%</td>
@@ -101,7 +116,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-11-13T20:44:31.635Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/box/styles.ts.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">87.5% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/6</span>
+                <span class='fraction'>7/8</span>
             </div>
         
             
@@ -380,47 +380,47 @@
 <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">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
-<span class="cline-any cline-yes">194x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
+<span class="cline-any cline-yes">342x</span>
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { cnb } from "cnbuilder";
 import { bem } from "../utils/bem.js";
 &nbsp;
@@ -577,9 +577,9 @@ export function box(options: BoxOptions = {}): string {
     styles({
       wrap: !disableWrap,
       padded: !disablePadding,
-      column: <span class="branch-0 cbranch-no" title="branch not covered" >stacked &amp;&amp; !reversed,</span>
+      column: stacked &amp;&amp; !reversed,
       reverse: !stacked &amp;&amp; reversed,
-      "column-reverse": <span class="branch-0 cbranch-no" title="branch not covered" >stacked &amp;&amp; reversed,</span>
+      "column-reverse": stacked &amp;&amp; reversed,
       "full-width": fullWidth,
       grid,
       "grid-fill": gridColumns === "fill",
@@ -607,7 +607,7 @@ export function box(options: BoxOptions = {}): string {
             <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-11-13T20:44:31.635Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/button/AsyncButton.tsx.html

@@ -1030,7 +1030,7 @@ export const AsyncButton = forwardRef<HTMLButtonElement, AsyncButtonProps>
             <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-11-13T20:44:31.635Z
+                at 2024-01-11T19:16:14.942Z
             </div>
         <script src="../../prettify.js"></script>
         <script>