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

package/coverage/lcov-report/src/menu/DropdownMenu.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'>278/278</span>
+                <span class='fraction'>297/297</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'>278/278</span>
+                <span class='fraction'>297/297</span>
             </div>
         
             
@@ -341,7 +341,26 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<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>
+<a name='L286'></a><a href='#L286'>286</a>
+<a name='L287'></a><a href='#L287'>287</a>
+<a name='L288'></a><a href='#L288'>288</a>
+<a name='L289'></a><a href='#L289'>289</a>
+<a name='L290'></a><a href='#L290'>290</a>
+<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></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>
@@ -450,6 +469,23 @@
 <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">260x</span>
+<span class="cline-any cline-yes">260x</span>
+<span class="cline-any cline-yes">260x</span>
+<span class="cline-any cline-yes">260x</span>
+<span class="cline-any cline-yes">260x</span>
+<span class="cline-any cline-yes">260x</span>
+<span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
@@ -502,12 +538,12 @@
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">237x</span>
-<span class="cline-any cline-yes">103x</span>
+<span class="cline-any cline-yes">107x</span>
 <span class="cline-any cline-yes">237x</span>
 <span class="cline-any cline-yes">237x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
-<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
@@ -542,6 +578,8 @@
 <span class="cline-any cline-yes">57x</span>
 <span class="cline-any cline-yes">57x</span>
 <span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">57x</span>
+<span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
@@ -605,14 +643,14 @@
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
 <span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-yes">18x</span>
-<span class="cline-any cline-yes">13x</span>
-<span class="cline-any cline-yes">13x</span>
-<span class="cline-any cline-yes">13x</span>
+<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">15x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
 <span class="cline-any cline-yes">260x</span>
@@ -623,14 +661,15 @@
 import {
   useCallback,
   useRef,
-  useState,
   type ReactElement,
   type ReactNode,
   type RefObject,
 } from "react";
 import { useUserInteractionMode } from "../interaction/UserInteractionModeProvider.js";
 import { getLastFocusableIndex } from "../movement/utils.js";
+import { type UseStateSetter } from "../types.js";
 import { useEnsuredId } from "../useEnsuredId.js";
+import { useEnsuredState } from "../useEnsuredState.js";
 import {
   Menu,
   type MenuConvenienceProps,
@@ -662,6 +701,14 @@ export interface DropdownMenuItemButtonProps
   extends MenuItemButtonProps,
     BaseDropdownMenuProps {}
 &nbsp;
+/**
+ * @remarks \@since 6.0.0
+ */
+export interface DropdownMenuStateProps {
+  visible: boolean;
+  setVisible: UseStateSetter&lt;boolean&gt;;
+}
+&nbsp;
 /**
  * @remarks
  * \@since 5.0.0
@@ -670,7 +717,8 @@ export interface DropdownMenuItemButtonProps
  * incorrect props.
  */
 export type DropdownMenuProps = DropdownMenuButtonProps &amp;
-  DropdownMenuItemButtonProps;
+  DropdownMenuItemButtonProps &amp;
+  (DropdownMenuStateProps | { visible?: never; setVisible?: never });
 &nbsp;
 /**
  * **Client Component**
@@ -739,6 +787,7 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
     buttonChildren,
     iconRotatorProps: propIconRotatorProps,
     disableTransition: propDisableTransition,
+    floating,
     anchor,
     vwMargin,
     vhMargin,
@@ -765,12 +814,18 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
     sheetProps,
     sheetStyle,
     sheetClassName,
+    visible: propVisible,
+    setVisible: propSetVisible,
     ...remaining
   } = props;
 &nbsp;
   const fixedTo = useRef&lt;HTMLElement | HTMLButtonElement&gt;(null);
   const defaultFocusIndex = useRef(0);
-  const [visible, setVisible] = useState(false);
+  const [visible, setVisible] = useEnsuredState({
+    value: propVisible,
+    setValue: propSetVisible,
+    defaultValue: false,
+  });
   const { menubar, menuitem, activeIdRef, animatedOnceRef } =
     useMenuBarContext();
   const id = useEnsuredId(propId, `menu${menuitem ? "item" : "button"}`);
@@ -786,7 +841,7 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
 &nbsp;
   const onRequestClose = useCallback(() =&gt; {
     setVisible(false);
-  }, []);
+  }, [setVisible]);
 &nbsp;
   let iconRotatorProps = propIconRotatorProps;
   if (disableTransition) {
@@ -814,6 +869,7 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
         {...(remaining as DropdownMenuButtonProps)}
         id={id}
         ref={fixedTo as RefObject&lt;HTMLButtonElement&gt;}
+        floating={floating}
         iconRotatorProps={iconRotatorProps}
       &gt;
         {buttonChildren}
@@ -848,6 +904,7 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
         disablePortal={disablePortal}
         disableElevation={disableElevation}
         disableTransition={disableTransition}
+        floating={floating}
         anchor={anchor}
         vwMargin={vwMargin}
         vhMargin={vhMargin}
@@ -904,7 +961,7 @@ export function DropdownMenu(props: DropdownMenuProps): ReactElement {
             <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/menu/Menu.tsx.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.63% </span>
+                <span class="strong">98.65% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>576/584</span>
+                <span class='fraction'>587/595</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">98.63% </span>
+                <span class="strong">98.65% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>576/584</span>
+                <span class='fraction'>587/595</span>
             </div>
         
             
@@ -647,7 +647,18 @@
 <a name='L582'></a><a href='#L582'>582</a>
 <a name='L583'></a><a href='#L583'>583</a>
 <a name='L584'></a><a href='#L584'>584</a>
-<a name='L585'></a><a href='#L585'>585</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
+<a name='L585'></a><a href='#L585'>585</a>
+<a name='L586'></a><a href='#L586'>586</a>
+<a name='L587'></a><a href='#L587'>587</a>
+<a name='L588'></a><a href='#L588'>588</a>
+<a name='L589'></a><a href='#L589'>589</a>
+<a name='L590'></a><a href='#L590'>590</a>
+<a name='L591'></a><a href='#L591'>591</a>
+<a name='L592'></a><a href='#L592'>592</a>
+<a name='L593'></a><a href='#L593'>593</a>
+<a name='L594'></a><a href='#L594'>594</a>
+<a name='L595'></a><a href='#L595'>595</a>
+<a name='L596'></a><a href='#L596'>596</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>
@@ -695,8 +706,17 @@
 <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">64x</span>
-<span class="cline-any cline-yes">64x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">62x</span>
+<span class="cline-any cline-yes">62x</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>
@@ -996,6 +1016,7 @@
 <span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">406x</span>
+<span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
@@ -1051,15 +1072,15 @@
 <span class="cline-any cline-yes">29x</span>
 <span class="cline-any cline-yes">29x</span>
 <span class="cline-any cline-yes">406x</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">12x</span>
+<span class="cline-any cline-yes">12x</span>
+<span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-yes">406x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
-<span class="cline-any cline-yes">31x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
+<span class="cline-any cline-yes">33x</span>
 <span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">21x</span>
 <span class="cline-any cline-yes">21x</span>
@@ -1083,7 +1104,7 @@
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-yes">59x</span>
-<span class="cline-any cline-yes">15x</span>
+<span class="cline-any cline-yes">14x</span>
 <span class="cline-any cline-yes">59x</span>
 <span class="cline-any cline-yes">59x</span>
 <span class="cline-any cline-yes">406x</span>
@@ -1113,6 +1134,7 @@
 <span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">406x</span>
+<span class="cline-any cline-yes">406x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -1149,28 +1171,28 @@
 <span class="cline-any cline-yes">71x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</span>
-<span class="cline-any cline-yes">4x</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">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">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">34x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
-<span class="cline-any cline-yes">27x</span>
-<span class="cline-any cline-yes">27x</span>
+<span class="cline-any cline-yes">29x</span>
+<span class="cline-any cline-yes">29x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
 <span class="cline-any cline-yes">34x</span>
@@ -1240,6 +1262,7 @@ import {
   type CSSProperties,
   type HTMLAttributes,
 } from "react";
+import { type FloatingActionButtonPosition } from "../button/FloatingActionButton.jsx";
 import { useFocusContainer } from "../focus/useFocusContainer.js";
 import { useUserInteractionMode } from "../interaction/UserInteractionModeProvider.js";
 import { type ListElement, type ListProps } from "../list/List.js";
@@ -1473,6 +1496,14 @@ export interface MenuProps
    * sheet.
    */
   menuClassName?: string;
+&nbsp;
+  /**
+   * @internal
+   *
+   * This is only used to update the default anchor when the DropdownMenu's
+   * toggle is a floating action button.
+   */
+  floating?: FloatingActionButtonPosition;
 }
 &nbsp;
 /**
@@ -1532,6 +1563,7 @@ export const Menu = forwardRef&lt;HTMLDivElement, LabelRequiredForA11y&lt;MenuPr
       listClassName,
       visible,
       onRequestClose,
+      floating,
       anchor,
       closeOnResize = false,
       closeOnScroll = false,
@@ -1680,6 +1712,7 @@ export const Menu = forwardRef&lt;HTMLDivElement, LabelRequiredForA11y&lt;MenuPr
       anchor: getDefaultAnchor({
         anchor,
         menubar,
+        floating,
         menuitem: !root &amp;&amp; menuitem,
         horizontal,
       }),
@@ -1822,7 +1855,7 @@ export const Menu = forwardRef&lt;HTMLDivElement, LabelRequiredForA11y&lt;MenuPr
             <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/menu/MenuBar.tsx.html

@@ -427,7 +427,7 @@ export const MenuBar = forwardRef<HTMLUListElement, MenuBarProps>(
             <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/menu/MenuButton.tsx.html

@@ -336,7 +336,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
 import { forwardRef } from "react";
 import { Button, type ButtonProps } from "../button/Button.js";
-import { useIcon } from "../icon/IconProvider.js";
+import { getIcon } from "../icon/iconConfig.js";
 import { IconRotator, type IconRotatorProps } from "../icon/IconRotator.js";
 import { type TextIconSpacingProps } from "../icon/TextIconSpacing.js";
 import { useAppSize } from "../media-queries/AppSizeProvider.js";
@@ -417,7 +417,7 @@ export const MenuButton = forwardRef&lt;HTMLButtonElement, MenuButtonProps&gt;(
     const isSheet =
       renderAsSheet === true || (renderAsSheet === "phone" &amp;&amp; isPhone);
 &nbsp;
-    const dropdownIcon = useIcon("dropdown", propIcon);
+    const dropdownIcon = getIcon("dropdown", propIcon);
     let icon = propIcon;
     if (!disableDropdownIcon) {
       icon = (
@@ -475,7 +475,7 @@ export const MenuButton = forwardRef&lt;HTMLButtonElement, MenuButtonProps&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/menu/MenuConfigurationProvider.tsx.html

@@ -622,7 +622,7 @@ export function MenuConfigurationProvider(
             <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/menu/MenuItem.tsx.html

@@ -277,7 +277,7 @@ export const MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(
             <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/menu/MenuItemButton.tsx.html

@@ -396,8 +396,8 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">"use client";
 import { forwardRef, useEffect } from "react";
 import { useHoverMode } from "../hoverMode/useHoverMode.js";
-import { useIcon } from "../icon/IconProvider.js";
 import { IconRotator } from "../icon/IconRotator.js";
+import { getIcon } from "../icon/iconConfig.js";
 import { useUserInteractionMode } from "../interaction/UserInteractionModeProvider.js";
 import { useAppSize } from "../media-queries/AppSizeProvider.js";
 import { useEnsuredId } from "../useEnsuredId.js";
@@ -477,7 +477,7 @@ export const MenuItemButton = forwardRef&lt;HTMLLIElement, MenuItemButtonProps&g
       setVisible(id === activeId);
     }, [activeId, defaultFocusIndex, id, menubar, setVisible]);
 &nbsp;
-    const dropdownIcon = useIcon(root ? "dropdown" : "forward");
+    const dropdownIcon = getIcon(root ? "dropdown" : "forward");
     let rightAddon = propRightAddon;
     if (!disableDropdownIcon) {
       rightAddon = (
@@ -565,7 +565,7 @@ export const MenuItemButton = forwardRef&lt;HTMLLIElement, MenuItemButtonProps&g
             <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/menu/MenuItemGroup.tsx.html

@@ -361,7 +361,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-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/menu/MenuItemSeparator.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/57</span>
+                <span class='fraction'>0/47</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/57</span>
+                <span class='fraction'>0/47</span>
             </div>
         
             
@@ -110,27 +110,7 @@
 <a name='L45'></a><a href='#L45'>45</a>
 <a name='L46'></a><a href='#L46'>46</a>
 <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>
-<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></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>
+<a name='L48'></a><a href='#L48'>48</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>
@@ -180,16 +160,13 @@
 <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 { forwardRef, type HTMLAttributes } from "react";</span>
 <span class="cstat-no" title="statement not covered" >import { type DividerProps } from "../divider/Divider.js";</span>
-<span class="cstat-no" title="statement not covered" >import { type VerticalDividerProps } from "../divider/VerticalDivider.js";</span>
 <span class="cstat-no" title="statement not covered" >import { divider } from "../divider/styles.js";</span>
-<span class="cstat-no" title="statement not covered" >import { useVerticalDividerHeight } from "../divider/useVerticalDividerHeight.js";</span>
 <span class="cstat-no" title="statement not covered" >import { useMenuConfiguration } from "./MenuConfigurationProvider.js";</span>
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >/** @remarks \@since 5.0.0 */</span>
 <span class="cstat-no" title="statement not covered" >export interface MenuItemSeparatorProps</span>
 <span class="cstat-no" title="statement not covered" >  extends HTMLAttributes&lt;HTMLLIElement&gt;,</span>
-<span class="cstat-no" title="statement not covered" >    Pick&lt;DividerProps, "inset" | "vertical"&gt;,</span>
-<span class="cstat-no" title="statement not covered" >    Pick&lt;VerticalDividerProps, "maxHeight"&gt; {}</span>
+<span class="cstat-no" title="statement not covered" >    Pick&lt;DividerProps, "inset" | "vertical"&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" > * **Client Component**</span>
@@ -205,9 +182,7 @@
 <span class="cstat-no" title="statement not covered" >  MenuItemSeparatorProps</span>
 <span class="cstat-no" title="statement not covered" >&gt;(function MenuItemSeparator(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" >    maxHeight,</span>
 <span class="cstat-no" title="statement not covered" >    inset,</span>
 <span class="cstat-no" title="statement not covered" >    vertical: propVertical,</span>
 <span class="cstat-no" title="statement not covered" >    children,</span>
@@ -216,17 +191,12 @@
 <span class="cstat-no" title="statement not covered" ></span>
 <span class="cstat-no" title="statement not covered" >  const horizontal = useMenuConfiguration().horizontal;</span>
 <span class="cstat-no" title="statement not covered" >  const vertical = propVertical ?? horizontal;</span>
-<span class="cstat-no" title="statement not covered" >  const heightProps = useVerticalDividerHeight({</span>
-<span class="cstat-no" title="statement not covered" >    ref,</span>
-<span class="cstat-no" title="statement not covered" >    style,</span>
-<span class="cstat-no" title="statement not covered" >    maxHeight: vertical ? maxHeight ?? 1 : 0,</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;li</span>
 <span class="cstat-no" title="statement not covered" >      {...remaining}</span>
-<span class="cstat-no" title="statement not covered" >      {...heightProps}</span>
 <span class="cstat-no" title="statement not covered" >      aria-orientation={vertical ? "vertical" : undefined}</span>
+<span class="cstat-no" title="statement not covered" >      ref={ref}</span>
 <span class="cstat-no" title="statement not covered" >      role="separator"</span>
 <span class="cstat-no" title="statement not covered" >      className={divider({ inset: inset &amp;&amp; !vertical, vertical, className })}</span>
 <span class="cstat-no" title="statement not covered" >    &gt;</span>
@@ -241,7 +211,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-22T02:00:01.006Z
+                at 2023-11-12T03:26:02.290Z
             </div>
         <script src="../../prettify.js"></script>
         <script>