@react-md/core 6.5.1 → 7.0.0

package/dist/list/ListItem.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from "react";
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
 import { type ComponentWithRippleProps } from "../interaction/types.js";
 import { type BaseListItemClassNameOptions } from "./listItemStyles.js";
 import { type ListItemChildrenProps } from "./types.js";
@@ -8,6 +8,7 @@ import { type ListItemChildrenProps } from "./types.js";
  * @since 6.3.1 Extends the BaseListItemClassNameOptions
  */
 export interface ListItemProps extends HTMLAttributes<HTMLLIElement>, ListItemChildrenProps, BaseListItemClassNameOptions, ComponentWithRippleProps {
+    ref?: Ref<HTMLLIElement>;
     /**
      * @defaultValue `"button"`
      */
@@ -92,4 +93,4 @@ export interface ListItemProps extends HTMLAttributes<HTMLLIElement>, ListItemCh
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
  */
-export declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare function ListItem(props: ListItemProps): ReactElement;

package/dist/list/ListItem.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { useElementInteraction } from "../interaction/useElementInteraction.js";
 import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";
 import { ListItemChildren } from "./ListItemChildren.js";
@@ -72,8 +71,8 @@ import { listItem } from "./listItemStyles.js";
  * ```
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
- */ export const ListItem = /*#__PURE__*/ forwardRef(function ListItem(props, ref) {
-    const { className, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight, leftAddon, leftAddonType, leftAddonPosition, leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType, rightAddonPosition, rightAddonClassName, rightAddonForceWrap, disableLeftAddonSpacing, disableLeftAddonCenteredMedia, disableRightAddonCenteredMedia, multiline = false, disabled = false, disableRipple, disabledOpacity = false, role = "button", onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, tabIndex: propTabIndex, children: propChildren, presentational = role === "presentation", ...remaining } = props;
+ */ export function ListItem(props) {
+    const { ref, className, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight, leftAddon, leftAddonType, leftAddonPosition, leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType, rightAddonPosition, rightAddonClassName, rightAddonForceWrap, disableLeftAddonSpacing, disableLeftAddonCenteredMedia, disableRightAddonCenteredMedia, multiline = false, disabled = false, disableRipple, disabledOpacity = false, role = "button", onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, tabIndex: propTabIndex, children: propChildren, presentational = role === "presentation", ...remaining } = props;
     let tabIndex = propTabIndex;
     if (!presentational && tabIndex === undefined) {
         tabIndex = disabled ? -1 : 0;
@@ -146,6 +145,6 @@ import { listItem } from "./listItemStyles.js";
             ripples
         ]
     });
-});
+}
 
 //# sourceMappingURL=ListItem.js.map

package/dist/list/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/list/ListItem.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport {\n  type BaseListItemClassNameOptions,\n  listItem,\n} from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\n/**\n * @since 6.0.0 Renamed `threeLines` to `multiline` since it can\n * support more than three lines of text.\n * @since 6.3.1 Extends the BaseListItemClassNameOptions\n */\nexport interface ListItemProps\n  extends\n    HTMLAttributes<HTMLLIElement>,\n    ListItemChildrenProps,\n    BaseListItemClassNameOptions,\n    ComponentWithRippleProps {\n  /**\n   * @defaultValue `\"button\"`\n   */\n  role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n  /**\n   * @defaultValue `disabled ? -1 : 0`\n   */\n  tabIndex?: number;\n\n  /**\n   * Set this to `false` if the list item should not gain the interaction\n   * states: hover, focus, press, etc. This is kind of like being disabled\n   * without the disabled styles being applied.\n   *\n   * @defaultValue `role === \"presentation\"`\n   */\n  presentational?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItem` is used to create a clickable/focusable button within a\n * `List` and removes the normal `<li>` styles.\n *\n * @example Simple Example\n * ```tsx\n * import { List } from \"@react-md/core/list/List\";\n * import { ListItem } from \"@react-md/core/list/ListItem\";\n * import type { ReactElement  } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <List>\n *       <ListItem\n *         onClick={() => {\n *           // do something\n *         }}\n *       >\n *         Item 1\n *       </ListItem>\n *       <ListItem\n *         onClick={() => {\n *           // do something\n *         }}\n *         secondaryText={<span>Some <strong>additional</strong> content.</span>}\n *       >\n *         Item 2\n *       </ListItem>\n *     </List>\n *   );\n *   );\n * }\n * ```\n *\n * @example Applying Addons Example\n * ```tsx\n * import { List } from \"@react-md/core/list/List\";\n * import { ListItem } from \"@react-md/core/list/ListItem\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement  } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <List>\n *       <ListItem leftAddon={<FavoriteIcon />}>\n *         Item 1\n *       </ListItem>\n *       <ListItem rightAddon={<FavoriteIcon />}>\n *         Item 2\n *       </ListItem>\n *       <ListItem\n *         leftAddon={<FavoriteIcon />}\n *         rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n *         rightAddonType=\"media\"\n *       >\n *         Item 3\n *       </ListItem>\n *     </List>\n *   );\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(\n  function ListItem(props, ref) {\n    const {\n      className,\n      textProps,\n      textClassName,\n      secondaryTextClassName,\n      primaryText,\n      secondaryText,\n      secondaryTextProps,\n      disableTextChildren = false,\n      height: propHeight,\n      leftAddon,\n      leftAddonType,\n      leftAddonPosition,\n      leftAddonClassName,\n      leftAddonForceWrap,\n      rightAddon,\n      rightAddonType,\n      rightAddonPosition,\n      rightAddonClassName,\n      rightAddonForceWrap,\n      disableLeftAddonSpacing,\n      disableLeftAddonCenteredMedia,\n      disableRightAddonCenteredMedia,\n      multiline = false,\n      disabled = false,\n      disableRipple,\n      disabledOpacity = false,\n      role = \"button\",\n      onBlur,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      tabIndex: propTabIndex,\n      children: propChildren,\n      presentational = role === \"presentation\",\n      ...remaining\n    } = props;\n\n    let tabIndex = propTabIndex;\n    if (!presentational && tabIndex === undefined) {\n      tabIndex = disabled ? -1 : 0;\n    }\n\n    const { pressedClassName, ripples, handlers } = useElementInteraction({\n      mode: disableRipple ? \"none\" : undefined,\n      onBlur,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      disabled: disabled || presentational,\n    });\n    const children = useHigherContrastChildren(\n      propChildren,\n      !disableTextChildren\n    );\n\n    const height = getListItemHeight({\n      height: propHeight,\n      leftAddon,\n      leftAddonType,\n      rightAddon,\n      rightAddonType,\n      secondaryText,\n    });\n\n    return (\n      <li\n        {...remaining}\n        {...handlers}\n        aria-disabled={disabled || undefined}\n        ref={ref}\n        role={role}\n        tabIndex={tabIndex}\n        className={listItem({\n          className,\n          height,\n          disabled,\n          disabledOpacity,\n          multiline,\n          clickable: !presentational,\n          pressedClassName,\n        })}\n      >\n        <ListItemChildren\n          multiline={multiline}\n          textClassName={textClassName}\n          secondaryTextClassName={secondaryTextClassName}\n          disableTextChildren={disableTextChildren}\n          primaryText={primaryText}\n          textProps={textProps}\n          secondaryText={secondaryText}\n          secondaryTextProps={secondaryTextProps}\n          leftAddon={leftAddon}\n          leftAddonType={leftAddonType}\n          leftAddonPosition={leftAddonPosition}\n          leftAddonClassName={leftAddonClassName}\n          leftAddonForceWrap={leftAddonForceWrap}\n          rightAddon={rightAddon}\n          rightAddonType={rightAddonType}\n          rightAddonPosition={rightAddonPosition}\n          rightAddonClassName={rightAddonClassName}\n          rightAddonForceWrap={rightAddonForceWrap}\n          disableLeftAddonSpacing={disableLeftAddonSpacing}\n          disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n          disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n        >\n          {children}\n        </ListItemChildren>\n        {ripples}\n      </li>\n    );\n  }\n);\n"],"names":["forwardRef","useElementInteraction","useHigherContrastChildren","ListItemChildren","getListItemHeight","listItem","ListItem","props","ref","className","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonSpacing","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disableRipple","disabledOpacity","role","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","tabIndex","propTabIndex","children","propChildren","presentational","remaining","undefined","pressedClassName","ripples","handlers","mode","li","aria-disabled","clickable"],"mappings":"AAAA;;AAEA,SAA8BA,UAAU,QAAQ,QAAQ;AAGxD,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAEEC,QAAQ,QACH,sBAAsB;AAkC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEC,GACD,OAAO,MAAMC,yBAAWN,WACtB,SAASM,SAASC,KAAK,EAAEC,GAAG;IAC1B,MAAM,EACJC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,UAAU,EAClBC,SAAS,EACTC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EAClBC,mBAAmB,EACnBC,mBAAmB,EACnBC,uBAAuB,EACvBC,6BAA6B,EAC7BC,8BAA8B,EAC9BC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,aAAa,EACbC,kBAAkB,KAAK,EACvBC,OAAO,QAAQ,EACfC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,UAAUC,YAAY,EACtBC,UAAUC,YAAY,EACtBC,iBAAiBhB,SAAS,cAAc,EACxC,GAAGiB,WACJ,GAAG9C;IAEJ,IAAIyC,WAAWC;IACf,IAAI,CAACG,kBAAkBJ,aAAaM,WAAW;QAC7CN,WAAWf,WAAW,CAAC,IAAI;IAC7B;IAEA,MAAM,EAAEsB,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGxD,sBAAsB;QACpEyD,MAAMxB,gBAAgB,SAASoB;QAC/BjB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAd,UAAUA,YAAYmB;IACxB;IACA,MAAMF,WAAWhD,0BACfiD,cACA,CAACnC;IAGH,MAAMC,SAASb,kBAAkB;QAC/Ba,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,MAAC6C;QACE,GAAGN,SAAS;QACZ,GAAGI,QAAQ;QACZG,iBAAe3B,YAAYqB;QAC3B9C,KAAKA;QACL4B,MAAMA;QACNY,UAAUA;QACVvC,WAAWJ,SAAS;YAClBI;YACAQ;YACAgB;YACAE;YACAH;YACA6B,WAAW,CAACT;YACZG;QACF;;0BAEA,KAACpD;gBACC6B,WAAWA;gBACXrB,eAAeA;gBACfC,wBAAwBA;gBACxBI,qBAAqBA;gBACrBH,aAAaA;gBACbH,WAAWA;gBACXI,eAAeA;gBACfC,oBAAoBA;gBACpBI,WAAWA;gBACXC,eAAeA;gBACfC,mBAAmBA;gBACnBC,oBAAoBA;gBACpBC,oBAAoBA;gBACpBC,YAAYA;gBACZC,gBAAgBA;gBAChBC,oBAAoBA;gBACpBC,qBAAqBA;gBACrBC,qBAAqBA;gBACrBC,yBAAyBA;gBACzBC,+BAA+BA;gBAC/BC,gCAAgCA;0BAE/BmB;;YAEFM;;;AAGP,GACA"}
+{"version":3,"sources":["../../src/list/ListItem.tsx"],"sourcesContent":["\"use client\";\n\nimport { type HTMLAttributes, type ReactElement, type Ref } from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport {\n  type BaseListItemClassNameOptions,\n  listItem,\n} from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\n/**\n * @since 6.0.0 Renamed `threeLines` to `multiline` since it can\n * support more than three lines of text.\n * @since 6.3.1 Extends the BaseListItemClassNameOptions\n */\nexport interface ListItemProps\n  extends\n    HTMLAttributes<HTMLLIElement>,\n    ListItemChildrenProps,\n    BaseListItemClassNameOptions,\n    ComponentWithRippleProps {\n  ref?: Ref<HTMLLIElement>;\n\n  /**\n   * @defaultValue `\"button\"`\n   */\n  role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n  /**\n   * @defaultValue `disabled ? -1 : 0`\n   */\n  tabIndex?: number;\n\n  /**\n   * Set this to `false` if the list item should not gain the interaction\n   * states: hover, focus, press, etc. This is kind of like being disabled\n   * without the disabled styles being applied.\n   *\n   * @defaultValue `role === \"presentation\"`\n   */\n  presentational?: boolean;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItem` is used to create a clickable/focusable button within a\n * `List` and removes the normal `<li>` styles.\n *\n * @example Simple Example\n * ```tsx\n * import { List } from \"@react-md/core/list/List\";\n * import { ListItem } from \"@react-md/core/list/ListItem\";\n * import type { ReactElement  } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <List>\n *       <ListItem\n *         onClick={() => {\n *           // do something\n *         }}\n *       >\n *         Item 1\n *       </ListItem>\n *       <ListItem\n *         onClick={() => {\n *           // do something\n *         }}\n *         secondaryText={<span>Some <strong>additional</strong> content.</span>}\n *       >\n *         Item 2\n *       </ListItem>\n *     </List>\n *   );\n *   );\n * }\n * ```\n *\n * @example Applying Addons Example\n * ```tsx\n * import { List } from \"@react-md/core/list/List\";\n * import { ListItem } from \"@react-md/core/list/ListItem\";\n * import FavoriteIcon from \"@react-md/material-icons/FavoriteIcon\";\n * import type { ReactElement  } from \"react\";\n *\n * function Example(): ReactElement {\n *   return (\n *     <List>\n *       <ListItem leftAddon={<FavoriteIcon />}>\n *         Item 1\n *       </ListItem>\n *       <ListItem rightAddon={<FavoriteIcon />}>\n *         Item 2\n *       </ListItem>\n *       <ListItem\n *         leftAddon={<FavoriteIcon />}\n *         rightAddon={<img alt=\"\" src=\"/some-image.png\" />}\n *         rightAddonType=\"media\"\n *       >\n *         Item 3\n *       </ListItem>\n *     </List>\n *   );\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport function ListItem(props: ListItemProps): ReactElement {\n  const {\n    ref,\n    className,\n    textProps,\n    textClassName,\n    secondaryTextClassName,\n    primaryText,\n    secondaryText,\n    secondaryTextProps,\n    disableTextChildren = false,\n    height: propHeight,\n    leftAddon,\n    leftAddonType,\n    leftAddonPosition,\n    leftAddonClassName,\n    leftAddonForceWrap,\n    rightAddon,\n    rightAddonType,\n    rightAddonPosition,\n    rightAddonClassName,\n    rightAddonForceWrap,\n    disableLeftAddonSpacing,\n    disableLeftAddonCenteredMedia,\n    disableRightAddonCenteredMedia,\n    multiline = false,\n    disabled = false,\n    disableRipple,\n    disabledOpacity = false,\n    role = \"button\",\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    tabIndex: propTabIndex,\n    children: propChildren,\n    presentational = role === \"presentation\",\n    ...remaining\n  } = props;\n\n  let tabIndex = propTabIndex;\n  if (!presentational && tabIndex === undefined) {\n    tabIndex = disabled ? -1 : 0;\n  }\n\n  const { pressedClassName, ripples, handlers } = useElementInteraction({\n    mode: disableRipple ? \"none\" : undefined,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled: disabled || presentational,\n  });\n  const children = useHigherContrastChildren(\n    propChildren,\n    !disableTextChildren\n  );\n\n  const height = getListItemHeight({\n    height: propHeight,\n    leftAddon,\n    leftAddonType,\n    rightAddon,\n    rightAddonType,\n    secondaryText,\n  });\n\n  return (\n    <li\n      {...remaining}\n      {...handlers}\n      aria-disabled={disabled || undefined}\n      ref={ref}\n      role={role}\n      tabIndex={tabIndex}\n      className={listItem({\n        className,\n        height,\n        disabled,\n        disabledOpacity,\n        multiline,\n        clickable: !presentational,\n        pressedClassName,\n      })}\n    >\n      <ListItemChildren\n        multiline={multiline}\n        textClassName={textClassName}\n        secondaryTextClassName={secondaryTextClassName}\n        disableTextChildren={disableTextChildren}\n        primaryText={primaryText}\n        textProps={textProps}\n        secondaryText={secondaryText}\n        secondaryTextProps={secondaryTextProps}\n        leftAddon={leftAddon}\n        leftAddonType={leftAddonType}\n        leftAddonPosition={leftAddonPosition}\n        leftAddonClassName={leftAddonClassName}\n        leftAddonForceWrap={leftAddonForceWrap}\n        rightAddon={rightAddon}\n        rightAddonType={rightAddonType}\n        rightAddonPosition={rightAddonPosition}\n        rightAddonClassName={rightAddonClassName}\n        rightAddonForceWrap={rightAddonForceWrap}\n        disableLeftAddonSpacing={disableLeftAddonSpacing}\n        disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n        disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n      >\n        {children}\n      </ListItemChildren>\n      {ripples}\n    </li>\n  );\n}\n"],"names":["useElementInteraction","useHigherContrastChildren","ListItemChildren","getListItemHeight","listItem","ListItem","props","ref","className","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonSpacing","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disableRipple","disabledOpacity","role","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","tabIndex","propTabIndex","children","propChildren","presentational","remaining","undefined","pressedClassName","ripples","handlers","mode","li","aria-disabled","clickable"],"mappings":"AAAA;;AAKA,SAASA,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AACxF,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAEEC,QAAQ,QACH,sBAAsB;AAoC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEC,GACD,OAAO,SAASC,SAASC,KAAoB;IAC3C,MAAM,EACJC,GAAG,EACHC,SAAS,EACTC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,UAAU,EAClBC,SAAS,EACTC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,cAAc,EACdC,kBAAkB,EAClBC,mBAAmB,EACnBC,mBAAmB,EACnBC,uBAAuB,EACvBC,6BAA6B,EAC7BC,8BAA8B,EAC9BC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,aAAa,EACbC,kBAAkB,KAAK,EACvBC,OAAO,QAAQ,EACfC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,UAAUC,YAAY,EACtBC,UAAUC,YAAY,EACtBC,iBAAiBhB,SAAS,cAAc,EACxC,GAAGiB,WACJ,GAAG9C;IAEJ,IAAIyC,WAAWC;IACf,IAAI,CAACG,kBAAkBJ,aAAaM,WAAW;QAC7CN,WAAWf,WAAW,CAAC,IAAI;IAC7B;IAEA,MAAM,EAAEsB,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGxD,sBAAsB;QACpEyD,MAAMxB,gBAAgB,SAASoB;QAC/BjB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAd,UAAUA,YAAYmB;IACxB;IACA,MAAMF,WAAWhD,0BACfiD,cACA,CAACnC;IAGH,MAAMC,SAASb,kBAAkB;QAC/Ba,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,MAAC6C;QACE,GAAGN,SAAS;QACZ,GAAGI,QAAQ;QACZG,iBAAe3B,YAAYqB;QAC3B9C,KAAKA;QACL4B,MAAMA;QACNY,UAAUA;QACVvC,WAAWJ,SAAS;YAClBI;YACAQ;YACAgB;YACAE;YACAH;YACA6B,WAAW,CAACT;YACZG;QACF;;0BAEA,KAACpD;gBACC6B,WAAWA;gBACXrB,eAAeA;gBACfC,wBAAwBA;gBACxBI,qBAAqBA;gBACrBH,aAAaA;gBACbH,WAAWA;gBACXI,eAAeA;gBACfC,oBAAoBA;gBACpBI,WAAWA;gBACXC,eAAeA;gBACfC,mBAAmBA;gBACnBC,oBAAoBA;gBACpBC,oBAAoBA;gBACpBC,YAAYA;gBACZC,gBAAgBA;gBAChBC,oBAAoBA;gBACpBC,qBAAqBA;gBACrBC,qBAAqBA;gBACrBC,yBAAyBA;gBACzBC,+BAA+BA;gBAC/BC,gCAAgCA;0BAE/BmB;;YAEFM;;;AAGP"}

package/dist/list/ListItemLink.d.ts

@@ -1,10 +1,11 @@
-import { type AnchorHTMLAttributes, type HTMLAttributes } from "react";
+import { type AnchorHTMLAttributes, type HTMLAttributes, type ReactElement, type Ref } from "react";
 import { type ComponentWithRippleProps } from "../interaction/types.js";
 import { type CustomLinkComponent } from "../link/Link.js";
 import { type PropsWithRef } from "../types.js";
 import { type ListItemClassNameOptions } from "./listItemStyles.js";
 import { type ListItemChildrenProps } from "./types.js";
 export interface ListItemLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement>, ListItemClassNameOptions, ListItemChildrenProps, ComponentWithRippleProps {
+    ref?: Ref<HTMLAnchorElement>;
     /** @defaultValue `"a"` */
     as?: CustomLinkComponent;
     /**
@@ -62,4 +63,4 @@ export interface ListItemLinkProps extends AnchorHTMLAttributes<HTMLAnchorElemen
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
  */
-export declare const ListItemLink: import("react").ForwardRefExoticComponent<ListItemLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare function ListItemLink(props: ListItemLinkProps): ReactElement;

package/dist/list/ListItemLink.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { useElementInteraction } from "../interaction/useElementInteraction.js";
 import { useHigherContrastChildren } from "../interaction/useHigherContrastChildren.js";
 import { ListItemChildren } from "./ListItemChildren.js";
@@ -41,8 +40,8 @@ import { listItem } from "./listItemStyles.js";
  * ```
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
- */ export const ListItemLink = /*#__PURE__*/ forwardRef(function ListItemLink(props, ref) {
-    const { as: Link = "a", to, href, className, liProps, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight, leftAddon, leftAddonType = "icon", leftAddonPosition = "middle", leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType = "icon", rightAddonPosition = "middle", rightAddonClassName, rightAddonForceWrap, disableLeftAddonCenteredMedia = false, disableRightAddonCenteredMedia = false, multiline = false, disabled = false, disabledOpacity = false, onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, role, tabIndex = disabled || role === "menuitem" ? -1 : undefined, children: propChildren, disableRipple, ...remaining } = props;
+ */ export function ListItemLink(props) {
+    const { ref, as: Link = "a", to, href, className, liProps, textProps, textClassName, secondaryTextClassName, primaryText, secondaryText, secondaryTextProps, disableTextChildren = false, height: propHeight, leftAddon, leftAddonType = "icon", leftAddonPosition = "middle", leftAddonClassName, leftAddonForceWrap, rightAddon, rightAddonType = "icon", rightAddonPosition = "middle", rightAddonClassName, rightAddonForceWrap, disableLeftAddonCenteredMedia = false, disableRightAddonCenteredMedia = false, multiline = false, disabled = false, disabledOpacity = false, onBlur, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseLeave, onDragStart, onTouchStart, onTouchEnd, onTouchMove, role, tabIndex = disabled || role === "menuitem" ? -1 : undefined, children: propChildren, disableRipple, ...remaining } = props;
     const { pressedClassName, ripples, handlers } = useElementInteraction({
         mode: disableRipple ? "none" : undefined,
         onBlur,
@@ -116,6 +115,6 @@ import { listItem } from "./listItemStyles.js";
             ]
         })
     });
-});
+}
 
 //# sourceMappingURL=ListItemLink.js.map

package/dist/list/ListItemLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/list/ListItemLink.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  forwardRef,\n} from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { type ListItemClassNameOptions, listItem } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\nexport interface ListItemLinkProps\n  extends\n    AnchorHTMLAttributes<HTMLAnchorElement>,\n    ListItemClassNameOptions,\n    ListItemChildrenProps,\n    ComponentWithRippleProps {\n  /** @defaultValue `\"a\"` */\n  as?: CustomLinkComponent;\n\n  /**\n   * This should only be used if the {@link as} {@link CustomLinkComponent}\n   * accepts a `to` prop instead of {@link href}.\n   */\n  to?: string;\n\n  /**\n   * The link's href. Either this or the {@link to} prop **should** be provided.\n   */\n  href?: string;\n\n  /**\n   * Any additional props to provide the wrapping `<li>` element such as\n   * `style`, `className`, and `ref`.\n   */\n  liProps?: PropsWithRef<HTMLAttributes<HTMLLIElement>>;\n\n  /**\n   * @defaultValue `disabled ? -1 : undefined`\n   */\n  tabIndex?: number;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItemLink` should be used to render links within the `List`, `Menu`,\n * or `DropdownMenu` components.\n *\n * @example Simple Example\n * ```tsx\n * import { List } from \"@react-md/core/list/list\";\n * import { ListItemLink } from \"@react-md/core/list/ListItemLink\";\n *\n * function Example() {\n *   return (\n *     <List>\n *       <ListItemLink href=\"#\">Some Link</ListItemLink>\n *     </List>\n *   );\n * }\n * ```\n *\n * @example In Menus\n * ```tsx\n * import { ListItemLink } from \"@react-md/core/list/ListItemLink\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Hello\">\n *       <ListItemLink role=\"menuitem\" href=\"#\">Some Link</ListItemLink>\n *     </List>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport const ListItemLink = forwardRef<HTMLAnchorElement, ListItemLinkProps>(\n  function ListItemLink(props, ref) {\n    const {\n      as: Link = \"a\",\n      to,\n      href,\n      className,\n      liProps,\n      textProps,\n      textClassName,\n      secondaryTextClassName,\n      primaryText,\n      secondaryText,\n      secondaryTextProps,\n      disableTextChildren = false,\n      height: propHeight,\n      leftAddon,\n      leftAddonType = \"icon\",\n      leftAddonPosition = \"middle\",\n      leftAddonClassName,\n      leftAddonForceWrap,\n      rightAddon,\n      rightAddonType = \"icon\",\n      rightAddonPosition = \"middle\",\n      rightAddonClassName,\n      rightAddonForceWrap,\n      disableLeftAddonCenteredMedia = false,\n      disableRightAddonCenteredMedia = false,\n      multiline = false,\n      disabled = false,\n      disabledOpacity = false,\n      onBlur,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      role,\n      tabIndex = disabled || role === \"menuitem\" ? -1 : undefined,\n      children: propChildren,\n      disableRipple,\n      ...remaining\n    } = props;\n\n    const { pressedClassName, ripples, handlers } = useElementInteraction({\n      mode: disableRipple ? \"none\" : undefined,\n      onBlur,\n      onClick,\n      onKeyDown,\n      onKeyUp,\n      onMouseDown,\n      onMouseUp,\n      onMouseLeave,\n      onDragStart,\n      onTouchStart,\n      onTouchEnd,\n      onTouchMove,\n      disabled,\n    });\n    const children = useHigherContrastChildren(\n      propChildren,\n      !disableTextChildren\n    );\n\n    const height = getListItemHeight({\n      height: propHeight,\n      leftAddon,\n      leftAddonType,\n      rightAddon,\n      rightAddonType,\n      secondaryText,\n    });\n\n    return (\n      <li {...liProps} role=\"none\">\n        <Link\n          ref={ref}\n          {...remaining}\n          {...handlers}\n          role={role}\n          className={listItem({\n            className,\n            link: true,\n            height,\n            disabled,\n            disabledOpacity,\n            multiline,\n            pressedClassName,\n          })}\n          // TODO: Figure out a better type for the CustomLinkComponent to fix this\n          to={to as string}\n          href={href as string}\n          tabIndex={tabIndex}\n        >\n          <ListItemChildren\n            multiline={multiline}\n            textClassName={textClassName}\n            secondaryTextClassName={secondaryTextClassName}\n            disableTextChildren={disableTextChildren}\n            primaryText={primaryText}\n            textProps={textProps}\n            secondaryText={secondaryText}\n            secondaryTextProps={secondaryTextProps}\n            leftAddon={leftAddon}\n            leftAddonType={leftAddonType}\n            leftAddonPosition={leftAddonPosition}\n            leftAddonClassName={leftAddonClassName}\n            leftAddonForceWrap={leftAddonForceWrap}\n            rightAddon={rightAddon}\n            rightAddonType={rightAddonType}\n            rightAddonPosition={rightAddonPosition}\n            rightAddonClassName={rightAddonClassName}\n            rightAddonForceWrap={rightAddonForceWrap}\n            disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n            disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n          >\n            {children}\n          </ListItemChildren>\n          {ripples}\n        </Link>\n      </li>\n    );\n  }\n);\n"],"names":["forwardRef","useElementInteraction","useHigherContrastChildren","ListItemChildren","getListItemHeight","listItem","ListItemLink","props","ref","as","Link","to","href","className","liProps","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disabledOpacity","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","role","tabIndex","undefined","children","propChildren","disableRipple","remaining","pressedClassName","ripples","handlers","mode","li","link"],"mappings":"AAAA;;AAEA,SAGEA,UAAU,QACL,QAAQ;AAGf,SAASC,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AAGxF,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAAwCC,QAAQ,QAAQ,sBAAsB;AAmC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,MAAMC,6BAAeN,WAC1B,SAASM,aAAaC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,IAAIC,OAAO,GAAG,EACdC,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,UAAU,EAClBC,SAAS,EACTC,gBAAgB,MAAM,EACtBC,oBAAoB,QAAQ,EAC5BC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,MAAM,EACvBC,qBAAqB,QAAQ,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,gCAAgC,KAAK,EACrCC,iCAAiC,KAAK,EACtCC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,WAAWd,YAAYa,SAAS,aAAa,CAAC,IAAIE,SAAS,EAC3DC,UAAUC,YAAY,EACtBC,aAAa,EACb,GAAGC,WACJ,GAAGjD;IAEJ,MAAM,EAAEkD,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAG1D,sBAAsB;QACpE2D,MAAML,gBAAgB,SAASH;QAC/Bb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAZ;IACF;IACA,MAAMgB,WAAWnD,0BACfoD,cACA,CAACjC;IAGH,MAAMC,SAASlB,kBAAkB;QAC/BkB,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,KAAC0C;QAAI,GAAG/C,OAAO;QAAEoC,MAAK;kBACpB,cAAA,MAACxC;YACCF,KAAKA;YACJ,GAAGgD,SAAS;YACZ,GAAGG,QAAQ;YACZT,MAAMA;YACNrC,WAAWR,SAAS;gBAClBQ;gBACAiD,MAAM;gBACNxC;gBACAe;gBACAC;gBACAF;gBACAqB;YACF;YACA,yEAAyE;YACzE9C,IAAIA;YACJC,MAAMA;YACNuC,UAAUA;;8BAEV,KAAChD;oBACCiC,WAAWA;oBACXpB,eAAeA;oBACfC,wBAAwBA;oBACxBI,qBAAqBA;oBACrBH,aAAaA;oBACbH,WAAWA;oBACXI,eAAeA;oBACfC,oBAAoBA;oBACpBI,WAAWA;oBACXC,eAAeA;oBACfC,mBAAmBA;oBACnBC,oBAAoBA;oBACpBC,oBAAoBA;oBACpBC,YAAYA;oBACZC,gBAAgBA;oBAChBC,oBAAoBA;oBACpBC,qBAAqBA;oBACrBC,qBAAqBA;oBACrBC,+BAA+BA;oBAC/BC,gCAAgCA;8BAE/BkB;;gBAEFK;;;;AAIT,GACA"}
+{"version":3,"sources":["../../src/list/ListItemLink.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type AnchorHTMLAttributes,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from \"react\";\n\nimport { type ComponentWithRippleProps } from \"../interaction/types.js\";\nimport { useElementInteraction } from \"../interaction/useElementInteraction.js\";\nimport { useHigherContrastChildren } from \"../interaction/useHigherContrastChildren.js\";\nimport { type CustomLinkComponent } from \"../link/Link.js\";\nimport { type PropsWithRef } from \"../types.js\";\nimport { ListItemChildren } from \"./ListItemChildren.js\";\nimport { getListItemHeight } from \"./getListItemHeight.js\";\nimport { type ListItemClassNameOptions, listItem } from \"./listItemStyles.js\";\nimport { type ListItemChildrenProps } from \"./types.js\";\n\nexport interface ListItemLinkProps\n  extends\n    AnchorHTMLAttributes<HTMLAnchorElement>,\n    ListItemClassNameOptions,\n    ListItemChildrenProps,\n    ComponentWithRippleProps {\n  ref?: Ref<HTMLAnchorElement>;\n\n  /** @defaultValue `\"a\"` */\n  as?: CustomLinkComponent;\n\n  /**\n   * This should only be used if the {@link as} {@link CustomLinkComponent}\n   * accepts a `to` prop instead of {@link href}.\n   */\n  to?: string;\n\n  /**\n   * The link's href. Either this or the {@link to} prop **should** be provided.\n   */\n  href?: string;\n\n  /**\n   * Any additional props to provide the wrapping `<li>` element such as\n   * `style`, `className`, and `ref`.\n   */\n  liProps?: PropsWithRef<HTMLAttributes<HTMLLIElement>>;\n\n  /**\n   * @defaultValue `disabled ? -1 : undefined`\n   */\n  tabIndex?: number;\n}\n\n/**\n * **Client Component**\n *\n * The `ListItemLink` should be used to render links within the `List`, `Menu`,\n * or `DropdownMenu` components.\n *\n * @example Simple Example\n * ```tsx\n * import { List } from \"@react-md/core/list/list\";\n * import { ListItemLink } from \"@react-md/core/list/ListItemLink\";\n *\n * function Example() {\n *   return (\n *     <List>\n *       <ListItemLink href=\"#\">Some Link</ListItemLink>\n *     </List>\n *   );\n * }\n * ```\n *\n * @example In Menus\n * ```tsx\n * import { ListItemLink } from \"@react-md/core/list/ListItemLink\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Hello\">\n *       <ListItemLink role=\"menuitem\" href=\"#\">Some Link</ListItemLink>\n *     </List>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport function ListItemLink(props: ListItemLinkProps): ReactElement {\n  const {\n    ref,\n    as: Link = \"a\",\n    to,\n    href,\n    className,\n    liProps,\n    textProps,\n    textClassName,\n    secondaryTextClassName,\n    primaryText,\n    secondaryText,\n    secondaryTextProps,\n    disableTextChildren = false,\n    height: propHeight,\n    leftAddon,\n    leftAddonType = \"icon\",\n    leftAddonPosition = \"middle\",\n    leftAddonClassName,\n    leftAddonForceWrap,\n    rightAddon,\n    rightAddonType = \"icon\",\n    rightAddonPosition = \"middle\",\n    rightAddonClassName,\n    rightAddonForceWrap,\n    disableLeftAddonCenteredMedia = false,\n    disableRightAddonCenteredMedia = false,\n    multiline = false,\n    disabled = false,\n    disabledOpacity = false,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    role,\n    tabIndex = disabled || role === \"menuitem\" ? -1 : undefined,\n    children: propChildren,\n    disableRipple,\n    ...remaining\n  } = props;\n\n  const { pressedClassName, ripples, handlers } = useElementInteraction({\n    mode: disableRipple ? \"none\" : undefined,\n    onBlur,\n    onClick,\n    onKeyDown,\n    onKeyUp,\n    onMouseDown,\n    onMouseUp,\n    onMouseLeave,\n    onDragStart,\n    onTouchStart,\n    onTouchEnd,\n    onTouchMove,\n    disabled,\n  });\n  const children = useHigherContrastChildren(\n    propChildren,\n    !disableTextChildren\n  );\n\n  const height = getListItemHeight({\n    height: propHeight,\n    leftAddon,\n    leftAddonType,\n    rightAddon,\n    rightAddonType,\n    secondaryText,\n  });\n\n  return (\n    <li {...liProps} role=\"none\">\n      <Link\n        ref={ref}\n        {...remaining}\n        {...handlers}\n        role={role}\n        className={listItem({\n          className,\n          link: true,\n          height,\n          disabled,\n          disabledOpacity,\n          multiline,\n          pressedClassName,\n        })}\n        // TODO: Figure out a better type for the CustomLinkComponent to fix this\n        to={to as string}\n        href={href as string}\n        tabIndex={tabIndex}\n      >\n        <ListItemChildren\n          multiline={multiline}\n          textClassName={textClassName}\n          secondaryTextClassName={secondaryTextClassName}\n          disableTextChildren={disableTextChildren}\n          primaryText={primaryText}\n          textProps={textProps}\n          secondaryText={secondaryText}\n          secondaryTextProps={secondaryTextProps}\n          leftAddon={leftAddon}\n          leftAddonType={leftAddonType}\n          leftAddonPosition={leftAddonPosition}\n          leftAddonClassName={leftAddonClassName}\n          leftAddonForceWrap={leftAddonForceWrap}\n          rightAddon={rightAddon}\n          rightAddonType={rightAddonType}\n          rightAddonPosition={rightAddonPosition}\n          rightAddonClassName={rightAddonClassName}\n          rightAddonForceWrap={rightAddonForceWrap}\n          disableLeftAddonCenteredMedia={disableLeftAddonCenteredMedia}\n          disableRightAddonCenteredMedia={disableRightAddonCenteredMedia}\n        >\n          {children}\n        </ListItemChildren>\n        {ripples}\n      </Link>\n    </li>\n  );\n}\n"],"names":["useElementInteraction","useHigherContrastChildren","ListItemChildren","getListItemHeight","listItem","ListItemLink","props","ref","as","Link","to","href","className","liProps","textProps","textClassName","secondaryTextClassName","primaryText","secondaryText","secondaryTextProps","disableTextChildren","height","propHeight","leftAddon","leftAddonType","leftAddonPosition","leftAddonClassName","leftAddonForceWrap","rightAddon","rightAddonType","rightAddonPosition","rightAddonClassName","rightAddonForceWrap","disableLeftAddonCenteredMedia","disableRightAddonCenteredMedia","multiline","disabled","disabledOpacity","onBlur","onClick","onKeyDown","onKeyUp","onMouseDown","onMouseUp","onMouseLeave","onDragStart","onTouchStart","onTouchEnd","onTouchMove","role","tabIndex","undefined","children","propChildren","disableRipple","remaining","pressedClassName","ripples","handlers","mode","li","link"],"mappings":"AAAA;;AAUA,SAASA,qBAAqB,QAAQ,0CAA0C;AAChF,SAASC,yBAAyB,QAAQ,8CAA8C;AAGxF,SAASC,gBAAgB,QAAQ,wBAAwB;AACzD,SAASC,iBAAiB,QAAQ,yBAAyB;AAC3D,SAAwCC,QAAQ,QAAQ,sBAAsB;AAqC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCC,GACD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EACJC,GAAG,EACHC,IAAIC,OAAO,GAAG,EACdC,EAAE,EACFC,IAAI,EACJC,SAAS,EACTC,OAAO,EACPC,SAAS,EACTC,aAAa,EACbC,sBAAsB,EACtBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,sBAAsB,KAAK,EAC3BC,QAAQC,UAAU,EAClBC,SAAS,EACTC,gBAAgB,MAAM,EACtBC,oBAAoB,QAAQ,EAC5BC,kBAAkB,EAClBC,kBAAkB,EAClBC,UAAU,EACVC,iBAAiB,MAAM,EACvBC,qBAAqB,QAAQ,EAC7BC,mBAAmB,EACnBC,mBAAmB,EACnBC,gCAAgC,KAAK,EACrCC,iCAAiC,KAAK,EACtCC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,kBAAkB,KAAK,EACvBC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,YAAY,EACZC,WAAW,EACXC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,IAAI,EACJC,WAAWd,YAAYa,SAAS,aAAa,CAAC,IAAIE,SAAS,EAC3DC,UAAUC,YAAY,EACtBC,aAAa,EACb,GAAGC,WACJ,GAAGjD;IAEJ,MAAM,EAAEkD,gBAAgB,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAG1D,sBAAsB;QACpE2D,MAAML,gBAAgB,SAASH;QAC/Bb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAZ;IACF;IACA,MAAMgB,WAAWnD,0BACfoD,cACA,CAACjC;IAGH,MAAMC,SAASlB,kBAAkB;QAC/BkB,QAAQC;QACRC;QACAC;QACAI;QACAC;QACAX;IACF;IAEA,qBACE,KAAC0C;QAAI,GAAG/C,OAAO;QAAEoC,MAAK;kBACpB,cAAA,MAACxC;YACCF,KAAKA;YACJ,GAAGgD,SAAS;YACZ,GAAGG,QAAQ;YACZT,MAAMA;YACNrC,WAAWR,SAAS;gBAClBQ;gBACAiD,MAAM;gBACNxC;gBACAe;gBACAC;gBACAF;gBACAqB;YACF;YACA,yEAAyE;YACzE9C,IAAIA;YACJC,MAAMA;YACNuC,UAAUA;;8BAEV,KAAChD;oBACCiC,WAAWA;oBACXpB,eAAeA;oBACfC,wBAAwBA;oBACxBI,qBAAqBA;oBACrBH,aAAaA;oBACbH,WAAWA;oBACXI,eAAeA;oBACfC,oBAAoBA;oBACpBI,WAAWA;oBACXC,eAAeA;oBACfC,mBAAmBA;oBACnBC,oBAAoBA;oBACpBC,oBAAoBA;oBACpBC,YAAYA;oBACZC,gBAAgBA;oBAChBC,oBAAoBA;oBACpBC,qBAAqBA;oBACrBC,qBAAqBA;oBACrBC,+BAA+BA;oBAC/BC,gCAAgCA;8BAE/BkB;;gBAEFK;;;;AAIT"}

package/dist/list/ListItemText.d.ts

@@ -1,9 +1,10 @@
-import { type HTMLAttributes, type ReactNode } from "react";
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
 import { type PropsWithRef } from "../types.js";
 /**
  * @internal
  */
 export interface ListItemTextProps extends HTMLAttributes<HTMLSpanElement> {
+    ref?: Ref<HTMLSpanElement>;
     secondaryText?: ReactNode;
     secondaryTextProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;
     /** @defaultValue `false` */
@@ -16,4 +17,4 @@ export interface ListItemTextProps extends HTMLAttributes<HTMLSpanElement> {
  *
  * @internal
  */
-export declare const ListItemText: import("react").ForwardRefExoticComponent<ListItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare function ListItemText(props: ListItemTextProps): ReactElement;

package/dist/list/ListItemText.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { listItemText } from "./listItemStyles.js";
 /**
  * This is mostly an internal component that can conditionally render secondary
  * text within list items.
  *
  * @internal
- */ export const ListItemText = /*#__PURE__*/ forwardRef(function ListItemText(props, ref) {
-    const { className, secondaryText, secondaryTextProps, secondaryTextClamped = false, secondaryTextClassName, children, ...remaining } = props;
+ */ export function ListItemText(props) {
+    const { ref, className, secondaryText, secondaryTextProps, secondaryTextClamped = false, secondaryTextClassName, children, ...remaining } = props;
     return /*#__PURE__*/ _jsxs("span", {
         ...remaining,
         ref: ref,
@@ -27,6 +26,6 @@ import { listItemText } from "./listItemStyles.js";
             })
         ]
     });
-});
+}
 
 //# sourceMappingURL=ListItemText.js.map

package/dist/list/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/list/ListItemText.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { listItemText } from \"./listItemStyles.js\";\n\n/**\n * @internal\n */\nexport interface ListItemTextProps extends HTMLAttributes<HTMLSpanElement> {\n  secondaryText?: ReactNode;\n  secondaryTextProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n\n  /** @defaultValue `false` */\n  secondaryTextClamped?: boolean;\n  secondaryTextClassName?: string;\n}\n\n/**\n * This is mostly an internal component that can conditionally render secondary\n * text within list items.\n *\n * @internal\n */\nexport const ListItemText = forwardRef<HTMLSpanElement, ListItemTextProps>(\n  function ListItemText(props, ref) {\n    const {\n      className,\n      secondaryText,\n      secondaryTextProps,\n      secondaryTextClamped = false,\n      secondaryTextClassName,\n      children,\n      ...remaining\n    } = props;\n\n    return (\n      <span\n        {...remaining}\n        ref={ref}\n        className={listItemText({\n          className,\n        })}\n      >\n        {children}\n        {secondaryText && (\n          <span\n            {...secondaryTextProps}\n            className={listItemText({\n              clamped: secondaryTextClamped,\n              className: secondaryTextClassName,\n              secondary: true,\n            })}\n          >\n            {secondaryText}\n          </span>\n        )}\n      </span>\n    );\n  }\n);\n"],"names":["forwardRef","listItemText","ListItemText","props","ref","className","secondaryText","secondaryTextProps","secondaryTextClamped","secondaryTextClassName","children","remaining","span","clamped","secondary"],"mappings":";AAAA,SAA8CA,UAAU,QAAQ,QAAQ;AAGxE,SAASC,YAAY,QAAQ,sBAAsB;AAcnD;;;;;CAKC,GACD,OAAO,MAAMC,6BAAeF,WAC1B,SAASE,aAAaC,KAAK,EAAEC,GAAG;IAC9B,MAAM,EACJC,SAAS,EACTC,aAAa,EACbC,kBAAkB,EAClBC,uBAAuB,KAAK,EAC5BC,sBAAsB,EACtBC,QAAQ,EACR,GAAGC,WACJ,GAAGR;IAEJ,qBACE,MAACS;QACE,GAAGD,SAAS;QACbP,KAAKA;QACLC,WAAWJ,aAAa;YACtBI;QACF;;YAECK;YACAJ,+BACC,KAACM;gBACE,GAAGL,kBAAkB;gBACtBF,WAAWJ,aAAa;oBACtBY,SAASL;oBACTH,WAAWI;oBACXK,WAAW;gBACb;0BAECR;;;;AAKX,GACA"}
+{"version":3,"sources":["../../src/list/ListItemText.tsx"],"sourcesContent":["import {\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { listItemText } from \"./listItemStyles.js\";\n\n/**\n * @internal\n */\nexport interface ListItemTextProps extends HTMLAttributes<HTMLSpanElement> {\n  ref?: Ref<HTMLSpanElement>;\n  secondaryText?: ReactNode;\n  secondaryTextProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n\n  /** @defaultValue `false` */\n  secondaryTextClamped?: boolean;\n  secondaryTextClassName?: string;\n}\n\n/**\n * This is mostly an internal component that can conditionally render secondary\n * text within list items.\n *\n * @internal\n */\nexport function ListItemText(props: ListItemTextProps): ReactElement {\n  const {\n    ref,\n    className,\n    secondaryText,\n    secondaryTextProps,\n    secondaryTextClamped = false,\n    secondaryTextClassName,\n    children,\n    ...remaining\n  } = props;\n\n  return (\n    <span\n      {...remaining}\n      ref={ref}\n      className={listItemText({\n        className,\n      })}\n    >\n      {children}\n      {secondaryText && (\n        <span\n          {...secondaryTextProps}\n          className={listItemText({\n            clamped: secondaryTextClamped,\n            className: secondaryTextClassName,\n            secondary: true,\n          })}\n        >\n          {secondaryText}\n        </span>\n      )}\n    </span>\n  );\n}\n"],"names":["listItemText","ListItemText","props","ref","className","secondaryText","secondaryTextProps","secondaryTextClamped","secondaryTextClassName","children","remaining","span","clamped","secondary"],"mappings":";AAQA,SAASA,YAAY,QAAQ,sBAAsB;AAenD;;;;;CAKC,GACD,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EACJC,GAAG,EACHC,SAAS,EACTC,aAAa,EACbC,kBAAkB,EAClBC,uBAAuB,KAAK,EAC5BC,sBAAsB,EACtBC,QAAQ,EACR,GAAGC,WACJ,GAAGR;IAEJ,qBACE,MAACS;QACE,GAAGD,SAAS;QACbP,KAAKA;QACLC,WAAWJ,aAAa;YACtBI;QACF;;YAECK;YACAJ,+BACC,KAACM;gBACE,GAAGL,kBAAkB;gBACtBF,WAAWJ,aAAa;oBACtBY,SAASL;oBACTH,WAAWI;oBACXK,WAAW;gBACb;0BAECR;;;;AAKX"}

package/dist/list/ListSubheader.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from "react";
+import { type HTMLAttributes, type ReactElement, type Ref } from "react";
 import { type PropsWithRef } from "../types.js";
 /** @since 6.0.0 */
 export interface ListSubheaderClassNameOptions {
@@ -19,6 +19,7 @@ export declare function listSubheader(options?: ListSubheaderClassNameOptions):
  * @since 6.0.0 The `role` prop defaults to `"presentation"`
  */
 export interface ListSubheaderProps extends HTMLAttributes<HTMLLIElement>, ListSubheaderClassNameOptions {
+    ref?: Ref<HTMLLIElement>;
     /**
      * @defaultValue `"presentation"`
      */
@@ -34,4 +35,4 @@ export interface ListSubheaderProps extends HTMLAttributes<HTMLLIElement>, ListS
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
  */
-export declare const ListSubheader: import("react").ForwardRefExoticComponent<ListSubheaderProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare function ListSubheader(props: ListSubheaderProps): ReactElement;

package/dist/list/ListSubheader.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cnb } from "cnbuilder";
-import { forwardRef } from "react";
 import { bem } from "../utils/bem.js";
 import { ListItemText } from "./ListItemText.js";
 const styles = bem("rmd-list-subheader");
@@ -17,8 +16,8 @@ const styles = bem("rmd-list-subheader");
  * typography styles and {@link ListItemText} layout.
  *
  * @see {@link https://react-md.dev/components/list | List Demos}
- */ export const ListSubheader = /*#__PURE__*/ forwardRef(function ListSubheader(props, ref) {
-    const { role = "presentation", inset = false, className, children, textProps, ...remaining } = props;
+ */ export function ListSubheader(props) {
+    const { ref, role = "presentation", inset = false, className, children, textProps, ...remaining } = props;
     return /*#__PURE__*/ _jsx("li", {
         ...remaining,
         ref: ref,
@@ -32,6 +31,6 @@ const styles = bem("rmd-list-subheader");
             children: children
         })
     });
-});
+}
 
 //# sourceMappingURL=ListSubheader.js.map

package/dist/list/ListSubheader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/list/ListSubheader.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { ListItemText } from \"./ListItemText.js\";\n\nconst styles = bem(\"rmd-list-subheader\");\n\n/** @since 6.0.0 */\nexport interface ListSubheaderClassNameOptions {\n  className?: string;\n\n  /**\n   * Boolean if the subheader should be inset to match the `ListItem` text\n   * keyline.\n   *\n   * @defaultValue `false`\n   */\n  inset?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function listSubheader(\n  options: ListSubheaderClassNameOptions = {}\n): string {\n  const { inset = false, className } = options;\n\n  return cnb(styles({ inset }), className);\n}\n\n/**\n * @since 6.0.0 The `role` prop defaults to `\"presentation\"`\n */\nexport interface ListSubheaderProps\n  extends HTMLAttributes<HTMLLIElement>, ListSubheaderClassNameOptions {\n  /**\n   * @defaultValue `\"presentation\"`\n   */\n  role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n  /**\n   * @since 6.0.0\n   */\n  textProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n}\n\n/**\n * The `ListSubheader` is a wrapper for the `<li>` element to apply subheader\n * typography styles and {@link ListItemText} layout.\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport const ListSubheader = forwardRef<HTMLLIElement, ListSubheaderProps>(\n  function ListSubheader(props, ref) {\n    const {\n      role = \"presentation\",\n      inset = false,\n      className,\n      children,\n      textProps,\n      ...remaining\n    } = props;\n\n    return (\n      <li\n        {...remaining}\n        ref={ref}\n        role={role}\n        className={listSubheader({\n          inset,\n          className,\n        })}\n      >\n        <ListItemText {...textProps}>{children}</ListItemText>\n      </li>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","bem","ListItemText","styles","listSubheader","options","inset","className","ListSubheader","props","ref","role","children","textProps","remaining","li"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAChC,SAA8BC,UAAU,QAAQ,QAAQ;AAGxD,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,SAASF,IAAI;AAenB;;CAEC,GACD,OAAO,SAASG,cACdC,UAAyC,CAAC,CAAC;IAE3C,MAAM,EAAEC,QAAQ,KAAK,EAAEC,SAAS,EAAE,GAAGF;IAErC,OAAON,IAAII,OAAO;QAAEG;IAAM,IAAIC;AAChC;AAkBA;;;;;CAKC,GACD,OAAO,MAAMC,8BAAgBR,WAC3B,SAASQ,cAAcC,KAAK,EAAEC,GAAG;IAC/B,MAAM,EACJC,OAAO,cAAc,EACrBL,QAAQ,KAAK,EACbC,SAAS,EACTK,QAAQ,EACRC,SAAS,EACT,GAAGC,WACJ,GAAGL;IAEJ,qBACE,KAACM;QACE,GAAGD,SAAS;QACbJ,KAAKA;QACLC,MAAMA;QACNJ,WAAWH,cAAc;YACvBE;YACAC;QACF;kBAEA,cAAA,KAACL;YAAc,GAAGW,SAAS;sBAAGD;;;AAGpC,GACA"}
+{"version":3,"sources":["../../src/list/ListSubheader.tsx"],"sourcesContent":["import { cnb } from \"cnbuilder\";\nimport { type HTMLAttributes, type ReactElement, type Ref } from \"react\";\n\nimport { type PropsWithRef } from \"../types.js\";\nimport { bem } from \"../utils/bem.js\";\nimport { ListItemText } from \"./ListItemText.js\";\n\nconst styles = bem(\"rmd-list-subheader\");\n\n/** @since 6.0.0 */\nexport interface ListSubheaderClassNameOptions {\n  className?: string;\n\n  /**\n   * Boolean if the subheader should be inset to match the `ListItem` text\n   * keyline.\n   *\n   * @defaultValue `false`\n   */\n  inset?: boolean;\n}\n\n/**\n * @since 6.0.0\n */\nexport function listSubheader(\n  options: ListSubheaderClassNameOptions = {}\n): string {\n  const { inset = false, className } = options;\n\n  return cnb(styles({ inset }), className);\n}\n\n/**\n * @since 6.0.0 The `role` prop defaults to `\"presentation\"`\n */\nexport interface ListSubheaderProps\n  extends HTMLAttributes<HTMLLIElement>, ListSubheaderClassNameOptions {\n  ref?: Ref<HTMLLIElement>;\n\n  /**\n   * @defaultValue `\"presentation\"`\n   */\n  role?: HTMLAttributes<HTMLLIElement>[\"role\"];\n\n  /**\n   * @since 6.0.0\n   */\n  textProps?: PropsWithRef<HTMLAttributes<HTMLSpanElement>>;\n}\n\n/**\n * The `ListSubheader` is a wrapper for the `<li>` element to apply subheader\n * typography styles and {@link ListItemText} layout.\n *\n * @see {@link https://react-md.dev/components/list | List Demos}\n */\nexport function ListSubheader(props: ListSubheaderProps): ReactElement {\n  const {\n    ref,\n    role = \"presentation\",\n    inset = false,\n    className,\n    children,\n    textProps,\n    ...remaining\n  } = props;\n\n  return (\n    <li\n      {...remaining}\n      ref={ref}\n      role={role}\n      className={listSubheader({\n        inset,\n        className,\n      })}\n    >\n      <ListItemText {...textProps}>{children}</ListItemText>\n    </li>\n  );\n}\n"],"names":["cnb","bem","ListItemText","styles","listSubheader","options","inset","className","ListSubheader","props","ref","role","children","textProps","remaining","li"],"mappings":";AAAA,SAASA,GAAG,QAAQ,YAAY;AAIhC,SAASC,GAAG,QAAQ,kBAAkB;AACtC,SAASC,YAAY,QAAQ,oBAAoB;AAEjD,MAAMC,SAASF,IAAI;AAenB;;CAEC,GACD,OAAO,SAASG,cACdC,UAAyC,CAAC,CAAC;IAE3C,MAAM,EAAEC,QAAQ,KAAK,EAAEC,SAAS,EAAE,GAAGF;IAErC,OAAOL,IAAIG,OAAO;QAAEG;IAAM,IAAIC;AAChC;AAoBA;;;;;CAKC,GACD,OAAO,SAASC,cAAcC,KAAyB;IACrD,MAAM,EACJC,GAAG,EACHC,OAAO,cAAc,EACrBL,QAAQ,KAAK,EACbC,SAAS,EACTK,QAAQ,EACRC,SAAS,EACT,GAAGC,WACJ,GAAGL;IAEJ,qBACE,KAACM;QACE,GAAGD,SAAS;QACbJ,KAAKA;QACLC,MAAMA;QACNJ,WAAWH,cAAc;YACvBE;YACAC;QACF;kBAEA,cAAA,KAACL;YAAc,GAAGW,SAAS;sBAAGD;;;AAGpC"}

package/dist/menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useRef,\n} from \"react\";\n\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { getLastFocusableIndex } from \"../movement/utils.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  Menu,\n  type MenuConvenienceProps,\n  type MenuListConvenienceProps,\n} from \"./Menu.js\";\nimport { MenuButton, type MenuButtonProps } from \"./MenuButton.js\";\nimport {\n  type MenuConfiguration,\n  MenuConfigurationProvider,\n} from \"./MenuConfigurationProvider.js\";\nimport { MenuItemButton, type MenuItemButtonProps } from \"./MenuItemButton.js\";\nimport { type MenuSheetConvenienceProps } from \"./MenuSheet.js\";\nimport { MenuVisibilityProvider } from \"./MenuVisibilityProvider.js\";\nimport { useMenuBarContext } from \"./useMenuBarProvider.js\";\n\nexport interface BaseDropdownMenuProps\n  extends\n    MenuConfiguration,\n    MenuListConvenienceProps,\n    MenuSheetConvenienceProps,\n    MenuConvenienceProps {\n  buttonChildren: ReactNode;\n}\n\nexport interface DropdownMenuButtonProps\n  extends MenuButtonProps, BaseDropdownMenuProps {}\n\nexport interface DropdownMenuItemButtonProps\n  extends MenuItemButtonProps, BaseDropdownMenuProps {}\n\n/**\n * @since 6.0.0\n */\nexport interface DropdownMenuStateProps {\n  visible: boolean;\n  setVisible: UseStateSetter<boolean>;\n}\n\n/**\n * @since 5.0.0\n * @since 6.0.0 Updated to use an `&` instead of `|` to allow autocompletion to\n * work better by default. It's up to the user to make sure they don't provide\n * incorrect props.\n */\nexport type DropdownMenuProps = DropdownMenuButtonProps &\n  DropdownMenuItemButtonProps &\n  (DropdownMenuStateProps | { visible?: never; setVisible?: never });\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import type { ReactElement } from \"react\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n * import { MenuItem } from \"@react-md/core/menu/MenuItem\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Dropdown\">\n *       <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *         Item 1\n *       </MenuItem>\n *       <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *         Item 2\n *       </MenuItem>\n *     </DropdownMenu>\n *   );\n * }\n * ```\n *\n * @example Nested Dropdown Menus\n * ```tsx\n * import type { ReactElement } from \"react\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n * import { MenuItem } from \"@react-md/core/menu/MenuItem\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Dropdown\">\n *       <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *         Item 1\n *       </MenuItem>\n *       <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *         Item 2\n *       </MenuItem>\n *       <DropdownMenu buttonChildren=\"Nested Dropdown\">\n *         <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *           Nested Item 1\n *         </MenuItem>\n *         <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *           Nested Item 2\n *         </MenuItem>\n *       </DropdownMenu>\n *     </DropdownMenu>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/menu | Menu Demos}\n * @since 5.0.0\n * @since 6.0.0 Updated to use the latest menu API.\n */\nexport function DropdownMenu(props: DropdownMenuProps): ReactElement {\n  const {\n    id: propId,\n    horizontal,\n    sheetHeader,\n    sheetFooter,\n    renderAsSheet,\n    sheetPosition,\n    sheetVerticalSize,\n    buttonChildren,\n    iconRotatorProps: propIconRotatorProps,\n    disableTransition: propDisableTransition,\n    floating,\n    anchor,\n    vwMargin,\n    vhMargin,\n    xMargin,\n    yMargin,\n    initialX,\n    initialY,\n    width,\n    transformOrigin,\n    preventOverlap,\n    disableSwapping,\n    disableVHBounds,\n    preventScroll,\n    closeOnResize,\n    closeOnScroll,\n    getFixedPositionOptions,\n    children,\n    temporary,\n    disablePortal,\n    disableElevation,\n    menuProps,\n    menuStyle,\n    menuClassName,\n    sheetProps,\n    sheetStyle,\n    sheetClassName,\n    visible: propVisible,\n    setVisible: propSetVisible,\n    ...remaining\n  } = props;\n\n  const fixedTo = useRef<HTMLElement | HTMLButtonElement>(null);\n  const defaultFocusIndex = useRef(0);\n  const [visible, setVisible] = useEnsuredState({\n    name: \"visible\",\n    value: propVisible,\n    setValue: propSetVisible,\n    defaultValue: false,\n  });\n  const { menubar, menuitem, activeIdRef, animatedOnceRef } =\n    useMenuBarContext();\n  const id = useEnsuredId(propId, `menu${menuitem ? \"item\" : \"button\"}`);\n  const mode = useUserInteractionMode();\n  const mouse = mode === \"mouse\";\n  const keyboard = mode === \"keyboard\";\n  const disableTransition =\n    propDisableTransition ??\n    (animatedOnceRef.current &&\n      menubar &&\n      !!activeIdRef.current &&\n      (mouse || keyboard));\n\n  const onRequestClose = useCallback(() => {\n    setVisible(false);\n  }, [setVisible]);\n\n  let iconRotatorProps = propIconRotatorProps;\n  if (disableTransition) {\n    iconRotatorProps = {\n      disableTransition,\n      ...propIconRotatorProps,\n    };\n  }\n\n  let toggle: ReactElement;\n  if (menuitem) {\n    toggle = (\n      <MenuItemButton\n        {...(remaining as DropdownMenuItemButtonProps)}\n        id={id}\n        ref={fixedTo as RefObject<HTMLLIElement>}\n        iconRotatorProps={iconRotatorProps}\n      >\n        {buttonChildren}\n      </MenuItemButton>\n    );\n  } else {\n    toggle = (\n      <MenuButton\n        {...(remaining as DropdownMenuButtonProps)}\n        id={id}\n        ref={fixedTo as RefObject<HTMLButtonElement>}\n        floating={floating}\n        iconRotatorProps={iconRotatorProps}\n      >\n        {buttonChildren}\n      </MenuButton>\n    );\n  }\n\n  return (\n    <MenuVisibilityProvider\n      visible={visible}\n      setVisible={setVisible}\n      defaultFocusIndex={defaultFocusIndex}\n    >\n      <MenuConfigurationProvider\n        horizontal={horizontal}\n        renderAsSheet={renderAsSheet}\n        sheetFooter={sheetFooter}\n        sheetHeader={sheetHeader}\n        sheetPosition={sheetPosition}\n        sheetVerticalSize={sheetVerticalSize}\n      >\n        {toggle}\n      </MenuConfigurationProvider>\n      <Menu\n        aria-labelledby={(menuProps?.[\"aria-label\"] ? undefined : id) as string}\n        style={menuStyle}\n        className={menuClassName}\n        sheetProps={sheetProps}\n        sheetStyle={sheetStyle}\n        sheetClassName={sheetClassName}\n        temporary={temporary}\n        disablePortal={disablePortal}\n        disableElevation={disableElevation}\n        disableTransition={disableTransition}\n        floating={floating}\n        anchor={anchor}\n        vwMargin={vwMargin}\n        vhMargin={vhMargin}\n        xMargin={xMargin}\n        yMargin={yMargin}\n        initialX={initialX}\n        initialY={initialY}\n        width={width}\n        transformOrigin={transformOrigin}\n        preventOverlap={preventOverlap}\n        disableSwapping={disableSwapping}\n        disableVHBounds={disableVHBounds}\n        preventScroll={preventScroll}\n        closeOnResize={closeOnResize}\n        closeOnScroll={closeOnScroll}\n        getFixedPositionOptions={getFixedPositionOptions}\n        horizontal={horizontal}\n        sheetHeader={sheetHeader}\n        sheetFooter={sheetFooter}\n        renderAsSheet={renderAsSheet}\n        sheetPosition={sheetPosition}\n        sheetVerticalSize={sheetVerticalSize}\n        {...menuProps}\n        fixedTo={fixedTo}\n        visible={visible}\n        getDefaultFocusedIndex={(options) => {\n          const defaultIndex = defaultFocusIndex.current;\n          if (defaultIndex < 0) {\n            return getLastFocusableIndex(options);\n          }\n\n          return defaultIndex;\n        }}\n        onRequestClose={onRequestClose}\n        onEntered={(appearing) => {\n          menuProps?.onEntered?.(appearing);\n          // this will be called before `getDefaultFocusedIndex`\n          if (disableTransition) {\n            return;\n          }\n\n          defaultFocusIndex.current = 0;\n        }}\n      >\n        {children}\n      </Menu>\n    </MenuVisibilityProvider>\n  );\n}\n"],"names":["useCallback","useRef","useUserInteractionMode","getLastFocusableIndex","useEnsuredId","useEnsuredState","Menu","MenuButton","MenuConfigurationProvider","MenuItemButton","MenuVisibilityProvider","useMenuBarContext","DropdownMenu","props","id","propId","horizontal","sheetHeader","sheetFooter","renderAsSheet","sheetPosition","sheetVerticalSize","buttonChildren","iconRotatorProps","propIconRotatorProps","disableTransition","propDisableTransition","floating","anchor","vwMargin","vhMargin","xMargin","yMargin","initialX","initialY","width","transformOrigin","preventOverlap","disableSwapping","disableVHBounds","preventScroll","closeOnResize","closeOnScroll","getFixedPositionOptions","children","temporary","disablePortal","disableElevation","menuProps","menuStyle","menuClassName","sheetProps","sheetStyle","sheetClassName","visible","propVisible","setVisible","propSetVisible","remaining","fixedTo","defaultFocusIndex","name","value","setValue","defaultValue","menubar","menuitem","activeIdRef","animatedOnceRef","mode","mouse","keyboard","current","onRequestClose","toggle","ref","aria-labelledby","undefined","style","className","getDefaultFocusedIndex","options","defaultIndex","onEntered","appearing"],"mappings":"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"}
+{"version":3,"sources":["../../src/menu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  type ReactElement,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  useRef,\n} from \"react\";\n\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { getLastFocusableIndex } from \"../movement/utils.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  Menu,\n  type MenuConvenienceProps,\n  type MenuListConvenienceProps,\n} from \"./Menu.js\";\nimport { MenuButton, type MenuButtonProps } from \"./MenuButton.js\";\nimport {\n  type MenuConfiguration,\n  MenuConfigurationProvider,\n} from \"./MenuConfigurationProvider.js\";\nimport { MenuItemButton, type MenuItemButtonProps } from \"./MenuItemButton.js\";\nimport { type MenuSheetConvenienceProps } from \"./MenuSheet.js\";\nimport { MenuVisibilityProvider } from \"./MenuVisibilityProvider.js\";\nimport { useMenuBarContext } from \"./useMenuBarProvider.js\";\n\nexport interface BaseDropdownMenuProps\n  extends\n    MenuConfiguration,\n    MenuListConvenienceProps,\n    MenuSheetConvenienceProps,\n    MenuConvenienceProps {\n  buttonChildren: ReactNode;\n}\n\nexport interface DropdownMenuButtonProps\n  extends MenuButtonProps, BaseDropdownMenuProps {}\n\nexport interface DropdownMenuItemButtonProps\n  extends MenuItemButtonProps, BaseDropdownMenuProps {}\n\n/**\n * @since 6.0.0\n */\nexport interface DropdownMenuStateProps {\n  visible: boolean;\n  setVisible: UseStateSetter<boolean>;\n}\n\n/**\n * @since 5.0.0\n * @since 6.0.0 Updated to use an `&` instead of `|` to allow autocompletion to\n * work better by default. It's up to the user to make sure they don't provide\n * incorrect props.\n */\nexport type DropdownMenuProps = DropdownMenuButtonProps &\n  DropdownMenuItemButtonProps &\n  (DropdownMenuStateProps | { visible?: never; setVisible?: never });\n\n/**\n * **Client Component**\n *\n * @example Simple Example\n * ```tsx\n * import type { ReactElement } from \"react\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n * import { MenuItem } from \"@react-md/core/menu/MenuItem\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Dropdown\">\n *       <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *         Item 1\n *       </MenuItem>\n *       <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *         Item 2\n *       </MenuItem>\n *     </DropdownMenu>\n *   );\n * }\n * ```\n *\n * @example Nested Dropdown Menus\n * ```tsx\n * import type { ReactElement } from \"react\";\n * import { DropdownMenu } from \"@react-md/core/menu/DropdownMenu\";\n * import { MenuItem } from \"@react-md/core/menu/MenuItem\";\n *\n * function Example() {\n *   return (\n *     <DropdownMenu buttonChildren=\"Dropdown\">\n *       <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *         Item 1\n *       </MenuItem>\n *       <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *         Item 2\n *       </MenuItem>\n *       <DropdownMenu buttonChildren=\"Nested Dropdown\">\n *         <MenuItem onClick={() => console.log('Clicked Item 1')}>\n *           Nested Item 1\n *         </MenuItem>\n *         <MenuItem onClick={() => console.log('Clicked Item 2')}>\n *           Nested Item 2\n *         </MenuItem>\n *       </DropdownMenu>\n *     </DropdownMenu>\n *   );\n * }\n * ```\n *\n * @see {@link https://react-md.dev/components/menu | Menu Demos}\n * @since 5.0.0\n * @since 6.0.0 Updated to use the latest menu API.\n */\nexport function DropdownMenu(props: DropdownMenuProps): ReactElement {\n  const {\n    id: propId,\n    horizontal,\n    sheetHeader,\n    sheetFooter,\n    renderAsSheet,\n    sheetPosition,\n    sheetVerticalSize,\n    buttonChildren,\n    iconRotatorProps: propIconRotatorProps,\n    disableTransition: propDisableTransition,\n    floating,\n    anchor,\n    vwMargin,\n    vhMargin,\n    xMargin,\n    yMargin,\n    initialX,\n    initialY,\n    width,\n    transformOrigin,\n    preventOverlap,\n    disableSwapping,\n    disableVHBounds,\n    preventScroll,\n    closeOnResize,\n    closeOnScroll,\n    getFixedPositionOptions,\n    children,\n    temporary,\n    disablePortal,\n    disableElevation,\n    menuProps,\n    menuStyle,\n    menuClassName,\n    sheetProps,\n    sheetStyle,\n    sheetClassName,\n    visible: propVisible,\n    setVisible: propSetVisible,\n    ...remaining\n  } = props;\n\n  const fixedTo = useRef<HTMLElement | HTMLButtonElement>(null);\n  const defaultFocusIndex = useRef(0);\n  const [visible, setVisible] = useEnsuredState({\n    name: \"visible\",\n    value: propVisible,\n    setValue: propSetVisible,\n    defaultValue: false,\n  });\n  const { menubar, menuitem, activeIdRef, animatedOnceRef } =\n    useMenuBarContext();\n  const id = useEnsuredId(propId, `menu${menuitem ? \"item\" : \"button\"}`);\n  const mode = useUserInteractionMode();\n  const mouse = mode === \"mouse\";\n  const keyboard = mode === \"keyboard\";\n  const disableTransition =\n    propDisableTransition ??\n    (animatedOnceRef.current &&\n      menubar &&\n      !!activeIdRef.current &&\n      (mouse || keyboard));\n\n  const onRequestClose = useCallback(() => {\n    setVisible(false);\n  }, [setVisible]);\n\n  let iconRotatorProps = propIconRotatorProps;\n  if (disableTransition) {\n    iconRotatorProps = {\n      disableTransition,\n      ...propIconRotatorProps,\n    };\n  }\n\n  let toggle: ReactElement;\n  if (menuitem) {\n    toggle = (\n      <MenuItemButton\n        {...(remaining as DropdownMenuItemButtonProps)}\n        id={id}\n        ref={fixedTo as RefObject<HTMLLIElement | null>}\n        iconRotatorProps={iconRotatorProps}\n      >\n        {buttonChildren}\n      </MenuItemButton>\n    );\n  } else {\n    toggle = (\n      <MenuButton\n        {...(remaining as DropdownMenuButtonProps)}\n        id={id}\n        ref={fixedTo as RefObject<HTMLButtonElement | null>}\n        floating={floating}\n        iconRotatorProps={iconRotatorProps}\n      >\n        {buttonChildren}\n      </MenuButton>\n    );\n  }\n\n  return (\n    <MenuVisibilityProvider\n      visible={visible}\n      setVisible={setVisible}\n      defaultFocusIndex={defaultFocusIndex}\n    >\n      <MenuConfigurationProvider\n        horizontal={horizontal}\n        renderAsSheet={renderAsSheet}\n        sheetFooter={sheetFooter}\n        sheetHeader={sheetHeader}\n        sheetPosition={sheetPosition}\n        sheetVerticalSize={sheetVerticalSize}\n      >\n        {toggle}\n      </MenuConfigurationProvider>\n      <Menu\n        aria-labelledby={(menuProps?.[\"aria-label\"] ? undefined : id) as string}\n        style={menuStyle}\n        className={menuClassName}\n        sheetProps={sheetProps}\n        sheetStyle={sheetStyle}\n        sheetClassName={sheetClassName}\n        temporary={temporary}\n        disablePortal={disablePortal}\n        disableElevation={disableElevation}\n        disableTransition={disableTransition}\n        floating={floating}\n        anchor={anchor}\n        vwMargin={vwMargin}\n        vhMargin={vhMargin}\n        xMargin={xMargin}\n        yMargin={yMargin}\n        initialX={initialX}\n        initialY={initialY}\n        width={width}\n        transformOrigin={transformOrigin}\n        preventOverlap={preventOverlap}\n        disableSwapping={disableSwapping}\n        disableVHBounds={disableVHBounds}\n        preventScroll={preventScroll}\n        closeOnResize={closeOnResize}\n        closeOnScroll={closeOnScroll}\n        getFixedPositionOptions={getFixedPositionOptions}\n        horizontal={horizontal}\n        sheetHeader={sheetHeader}\n        sheetFooter={sheetFooter}\n        renderAsSheet={renderAsSheet}\n        sheetPosition={sheetPosition}\n        sheetVerticalSize={sheetVerticalSize}\n        {...menuProps}\n        fixedTo={fixedTo}\n        visible={visible}\n        getDefaultFocusedIndex={(options) => {\n          const defaultIndex = defaultFocusIndex.current;\n          if (defaultIndex < 0) {\n            return getLastFocusableIndex(options);\n          }\n\n          return defaultIndex;\n        }}\n        onRequestClose={onRequestClose}\n        onEntered={(appearing) => {\n          menuProps?.onEntered?.(appearing);\n          // this will be called before `getDefaultFocusedIndex`\n          if (disableTransition) {\n            return;\n          }\n\n          defaultFocusIndex.current = 0;\n        }}\n      >\n        {children}\n      </Menu>\n    </MenuVisibilityProvider>\n  );\n}\n"],"names":["useCallback","useRef","useUserInteractionMode","getLastFocusableIndex","useEnsuredId","useEnsuredState","Menu","MenuButton","MenuConfigurationProvider","MenuItemButton","MenuVisibilityProvider","useMenuBarContext","DropdownMenu","props","id","propId","horizontal","sheetHeader","sheetFooter","renderAsSheet","sheetPosition","sheetVerticalSize","buttonChildren","iconRotatorProps","propIconRotatorProps","disableTransition","propDisableTransition","floating","anchor","vwMargin","vhMargin","xMargin","yMargin","initialX","initialY","width","transformOrigin","preventOverlap","disableSwapping","disableVHBounds","preventScroll","closeOnResize","closeOnScroll","getFixedPositionOptions","children","temporary","disablePortal","disableElevation","menuProps","menuStyle","menuClassName","sheetProps","sheetStyle","sheetClassName","visible","propVisible","setVisible","propSetVisible","remaining","fixedTo","defaultFocusIndex","name","value","setValue","defaultValue","menubar","menuitem","activeIdRef","animatedOnceRef","mode","mouse","keyboard","current","onRequestClose","toggle","ref","aria-labelledby","undefined","style","className","getDefaultFocusedIndex","options","defaultIndex","onEntered","appearing"],"mappings":"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"}

package/dist/menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { type CSSProperties, type HTMLAttributes } from "react";
+import { type CSSProperties, type HTMLAttributes, type ReactElement, type Ref } from "react";
 import { type FloatingActionButtonPosition } from "../button/FloatingActionButton.js";
 import { type ListProps } from "../list/List.js";
 import { type GetDefaultFocusedIndex } from "../movement/types.js";
@@ -143,6 +143,7 @@ export type MenuFixedPositioningOptions = Omit<FixedPositioningOptions<HTMLEleme
  * @since 6.0.0 Updated to use the latest Menu, Transition, and Portal API.
  */
 export interface MenuProps extends HTMLAttributes<HTMLDivElement>, MenuConfiguration, MenuConfigurationProps, MenuFixedPositioningOptions, MenuOrientationProps, MenuTransitionProps, MenuListConvenienceProps, MenuSheetConvenienceProps {
+    ref?: Ref<HTMLDivElement>;
     visible: boolean;
     onRequestClose: () => void;
     /**
@@ -189,5 +190,6 @@ export interface MenuProps extends HTMLAttributes<HTMLDivElement>, MenuConfigura
  * component. In addition, the `renderAsSheet` behavior has been moved into this
  * implementation so that the `MenuRenderer` is no longer required and context
  * menus can appear as a `Sheet`.
+ * @since 7.0.0 No longer uses `forwardRef`
  */
-export declare const Menu: import("react").ForwardRefExoticComponent<LabelRequiredForA11y<MenuProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Menu(props: LabelRequiredForA11y<MenuProps>): ReactElement;

package/dist/menu/Menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cnb } from "cnbuilder";
-import { forwardRef, useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { useFocusContainer } from "../focus/useFocusContainer.js";
 import { useUserInteractionMode } from "../interaction/UserInteractionModeProvider.js";
 import { useAppSize } from "../media-queries/AppSizeProvider.js";
@@ -35,8 +35,9 @@ const noop = ()=>{
  * component. In addition, the `renderAsSheet` behavior has been moved into this
  * implementation so that the `MenuRenderer` is no longer required and context
  * menus can appear as a `Sheet`.
- */ export const Menu = /*#__PURE__*/ forwardRef(function Menu(props, propRef) {
-    const { id: propId, style: propStyle, role = "menu", children, horizontal: _horizontal, sheetHeader: _sheetHeader, sheetFooter: _sheetFooter, renderAsSheet: _renderAsSheet, sheetPosition: _sheetPosition, sheetVerticalSize: _sheetVerticalSize, sheetProps, sheetStyle, sheetClassName, menuStyle, menuClassName, disableElevation = false, temporary = true, tabIndex = -1, fixedTo, className, classNames, timeout, appear, enter, exit, onEnter, onEntering = noop, onEntered = noop, onExit, onExiting, onExited = noop, onKeyDown = noop, listProps, listStyle, listClassName, visible, onRequestClose, floating, anchor, closeOnResize = false, closeOnScroll = false, preventScroll = false, vwMargin, vhMargin, xMargin, yMargin, width, transformOrigin = true, preventOverlap, disableSwapping, disableVHBounds, initialX, initialY, disableFixedPositioning, getFixedPositionOptions, disablePortal: propDisablePortal, disableTransition, ...remaining } = props;
+ * @since 7.0.0 No longer uses `forwardRef`
+ */ export function Menu(props) {
+    const { id: propId, ref: propRef, style: propStyle, role = "menu", children, horizontal: _horizontal, sheetHeader: _sheetHeader, sheetFooter: _sheetFooter, renderAsSheet: _renderAsSheet, sheetPosition: _sheetPosition, sheetVerticalSize: _sheetVerticalSize, sheetProps, sheetStyle, sheetClassName, menuStyle, menuClassName, disableElevation = false, temporary = true, tabIndex = -1, fixedTo, className, classNames, timeout, appear, enter, exit, onEnter, onEntering = noop, onEntered = noop, onExit, onExiting, onExited = noop, onKeyDown = noop, listProps, listStyle, listClassName, visible, onRequestClose, floating, anchor, closeOnResize = false, closeOnScroll = false, preventScroll = false, vwMargin, vhMargin, xMargin, yMargin, width, transformOrigin = true, preventOverlap, disableSwapping, disableVHBounds, initialX, initialY, disableFixedPositioning, getFixedPositionOptions, disablePortal: propDisablePortal, disableTransition, ...remaining } = props;
     const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy } = props;
     const id = useEnsuredId(propId, "menu");
     const { root, menubar, menuitem, activeId, animatedOnceRef, hoverTimeoutRef, disableHoverMode } = useMenuBarContext();
@@ -270,6 +271,6 @@ const noop = ()=>{
             })
         })
     });
-});
+}
 
 //# sourceMappingURL=Menu.js.map

package/dist/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/menu/Menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport {\n  type CSSProperties,\n  type HTMLAttributes,\n  forwardRef,\n  useEffect,\n  useRef,\n} from \"react\";\n\nimport { type FloatingActionButtonPosition } from \"../button/FloatingActionButton.js\";\nimport { useFocusContainer } from \"../focus/useFocusContainer.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { type ListProps } from \"../list/List.js\";\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport { type GetDefaultFocusedIndex } from \"../movement/types.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type CalculateFixedPositionOptions } from \"../positioning/types.js\";\nimport {\n  type FixedPositioningOptions,\n  useFixedPositioning,\n} from \"../positioning/useFixedPositioning.js\";\nimport { useScrollLock } from \"../scroll/useScrollLock.js\";\nimport {\n  type ScaleTransitionHookOptions,\n  useScaleTransition,\n} from \"../transition/useScaleTransition.js\";\nimport { type LabelRequiredForA11y, type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport {\n  type MenuConfiguration,\n  MenuConfigurationProvider,\n  type MenuOrientationProps,\n  useMenuConfiguration,\n} from \"./MenuConfigurationProvider.js\";\nimport { MenuSheet, type MenuSheetConvenienceProps } from \"./MenuSheet.js\";\nimport { MenuWidget } from \"./MenuWidget.js\";\nimport { useMenuBarContext } from \"./useMenuBarProvider.js\";\nimport { getDefaultAnchor } from \"./utils.js\";\n\n// NOTE: The augmentation is in this file since no types are imported from the\n// `styles` file at this time\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-menu-background-color\"?: string;\n    \"--rmd-menu-color\"?: string;\n    \"--rmd-menu-min-width\"?: string | number;\n    \"--rmd-menu-spacing\"?: string | number;\n  }\n}\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/** @since 5.0.0 */\nexport type MenuTransitionProps = Omit<\n  ScaleTransitionHookOptions<HTMLDivElement>,\n  \"transitionIn\" | \"vertical\" | \"nodeRef\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport interface MenuConfigurationProps extends CalculateFixedPositionOptions {\n  /**\n   * @see {@link ScaleTransitionHookOptions.temporary}\n   * @defaultValue `true`\n   */\n  temporary?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disablePortal?: boolean;\n\n  /**\n   * Boolean if the menu should not gain the elevation styles and should only be\n   * set to `true` when rendering within a `Sheet`.\n   *\n   * @defaultValue `false`\n   */\n  disableElevation?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * @see {@link FixedPositioningOptions.transformOrigin}\n   * @defaultValue `true`\n   */\n  transformOrigin?: boolean;\n\n  /**\n   * Boolean if the menu should close if the page is scrolled. The default\n   * behavior is to just update the position of the menu relative to the menu\n   * button until it can no longer be visible within the viewport.\n   *\n   * @defaultValue `false`\n   */\n  closeOnScroll?: boolean;\n\n  /**\n   * Boolean if the page should no longer be scrollable while the menu is\n   * visible.\n   *\n   * @defaultValue `false`\n   */\n  preventScroll?: boolean;\n\n  /**\n   * Boolean if the menu should close instead of repositioning itself if the\n   * browser window is resized.\n   *\n   * @defaultValue `false`\n   */\n  closeOnResize?: boolean;\n\n  /** @see {@link FixedPositioningOptions.getFixedPositionOptions} */\n  getFixedPositionOptions?: () => CalculateFixedPositionOptions;\n\n  /**\n   * @defaultValue `false`\n   * @see {@link FixedPositioningOptions.disabled}\n   */\n  disableFixedPositioning?: boolean;\n}\n\n/**\n * @since 5.1.0\n * @since 6.0.0 Renamed from `MenuListProps` to `MenuListConvenienceProps`\n */\nexport interface MenuListConvenienceProps {\n  /**\n   * An optional style to provide to the `List` component that surrounds the\n   * `MenuItem` within a `Menu`.\n   */\n  listStyle?: CSSProperties;\n\n  /**\n   * An optional className to provide to the `List` component that surrounds the\n   * `MenuItem` within a `Menu`.\n   */\n  listClassName?: string;\n\n  /**\n   * Any additional props to pass to the `List` component that surrounds the\n   * `Menu`'s `MenuItem`s.\n   */\n  listProps?: PropsWithRef<Omit<ListProps, \"horizontal\">>;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface MenuConvenienceProps extends MenuConfigurationProps {\n  /**\n   * This can be used to apply additional props to the `Menu` component.\n   *\n   * Note: You can override the `style` and `className` using\n   * {@link menuStyle} and {@link menuClassName} instead for convenience.\n   *\n   * @example\n   * ```tsx\n   * <DropdownMenu\n   *   {...props}\n   *   menuProps={{\n   *     style: {\n   *       // custom inline style\n   *     },\n   *     className: \"come-class-name\",\n   *     getFixedPositionOptions: () => ({\n   *       preventOverlap: true,\n   *     }),\n   *   }}\n   * />\n   * ```\n   */\n  menuProps?: PropsWithRef<\n    Omit<\n      MenuProps,\n      | \"children\"\n      | \"fixedTo\"\n      | \"visible\"\n      | \"onRequestClose\"\n      | \"getDefaultFocusedIndex\"\n    >\n  >;\n\n  /**\n   * Convenience prop to apply custom style to the `Menu` component.\n   */\n  menuStyle?: CSSProperties;\n\n  /**\n   * Convenience prop to apply custom class name to the `Menu` component.\n   */\n  menuClassName?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport type MenuFixedPositioningOptions = Omit<\n  FixedPositioningOptions<HTMLElement, HTMLDivElement>,\n  \"onScroll\" | \"onResize\" | \"nodeRef\" | \"disabled\"\n>;\n\n/**\n * @since 5.0.0\n * @since 6.0.0 Updated to use the latest Menu, Transition, and Portal API.\n */\nexport interface MenuProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    MenuConfiguration,\n    MenuConfigurationProps,\n    MenuFixedPositioningOptions,\n    MenuOrientationProps,\n    MenuTransitionProps,\n    MenuListConvenienceProps,\n    MenuSheetConvenienceProps {\n  visible: boolean;\n  onRequestClose: () => void;\n\n  /**\n   * @defaultValue `\"menu-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * This is used to set the default focus index when the menu is visible.\n   *\n   * @internal\n   */\n  getDefaultFocusedIndex?: GetDefaultFocusedIndex;\n\n  /**\n   * Custom style that should be applied to the menu only while not rendered\n   * within a sheet since the {@link style} would be applied to both versions.\n   */\n  menuStyle?: CSSProperties;\n\n  /**\n   * Custom class name that should be applied only while not rendered within a\n   * sheet.\n   */\n  menuClassName?: string;\n\n  /**\n   * @internal\n   *\n   * This is only used to update the default anchor when the DropdownMenu's\n   * toggle is a floating action button.\n   */\n  floating?: FloatingActionButtonPosition;\n}\n\n/**\n * **Client Component**\n *\n * This component should generally only be used to implement context menus with\n * the `useContextMenu` hook. Otherwise, the `DropdownMenu` component should be\n * used.\n *\n * @see The `useContextMenu` hook for an example.\n *\n * @see {@link https://react-md.dev/components/menu | Menu Demos}\n * @since 5.0.0\n * @since 6.0.0 Updated this component to implement all the `Menu`\n * functionality instead of requiring the `useMenu` hook and `MenuWidget`\n * component. In addition, the `renderAsSheet` behavior has been moved into this\n * implementation so that the `MenuRenderer` is no longer required and context\n * menus can appear as a `Sheet`.\n */\nexport const Menu = forwardRef<HTMLDivElement, LabelRequiredForA11y<MenuProps>>(\n  function Menu(props, propRef) {\n    const {\n      id: propId,\n      style: propStyle,\n      role = \"menu\",\n      children,\n      horizontal: _horizontal,\n      sheetHeader: _sheetHeader,\n      sheetFooter: _sheetFooter,\n      renderAsSheet: _renderAsSheet,\n      sheetPosition: _sheetPosition,\n      sheetVerticalSize: _sheetVerticalSize,\n      sheetProps,\n      sheetStyle,\n      sheetClassName,\n      menuStyle,\n      menuClassName,\n      disableElevation = false,\n      temporary = true,\n      tabIndex = -1,\n      fixedTo,\n      className,\n      classNames,\n      timeout,\n      appear,\n      enter,\n      exit,\n      onEnter,\n      onEntering = noop,\n      onEntered = noop,\n      onExit,\n      onExiting,\n      onExited = noop,\n      onKeyDown = noop,\n      listProps,\n      listStyle,\n      listClassName,\n      visible,\n      onRequestClose,\n      floating,\n      anchor,\n      closeOnResize = false,\n      closeOnScroll = false,\n      preventScroll = false,\n      vwMargin,\n      vhMargin,\n      xMargin,\n      yMargin,\n      width,\n      transformOrigin = true,\n      preventOverlap,\n      disableSwapping,\n      disableVHBounds,\n      initialX,\n      initialY,\n      disableFixedPositioning,\n      getFixedPositionOptions,\n      disablePortal: propDisablePortal,\n      disableTransition,\n      ...remaining\n    } = props;\n    const { \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabelledBy } =\n      props;\n\n    const id = useEnsuredId(propId, \"menu\");\n    const {\n      root,\n      menubar,\n      menuitem,\n      activeId,\n      animatedOnceRef,\n      hoverTimeoutRef,\n      disableHoverMode,\n    } = useMenuBarContext();\n    const {\n      horizontal,\n      sheetHeader,\n      sheetFooter,\n      renderAsSheet,\n      sheetPosition,\n      sheetVerticalSize,\n    } = useMenuConfiguration(props);\n    const { isPhone } = useAppSize();\n    const isSheet =\n      renderAsSheet === true || (renderAsSheet === \"phone\" && isPhone);\n\n    const entered = useRef(false);\n    const cancelUnmountFocus = useRef(false);\n    const hideWithoutRefocus = (): void => {\n      cancelUnmountFocus.current = true;\n      onRequestClose();\n    };\n    const mode = useUserInteractionMode();\n    const mouse = mode === \"mouse\";\n\n    const { eventHandlers, transitionOptions } = useFocusContainer({\n      nodeRef: propRef,\n      activate: visible,\n      onKeyDown(event) {\n        onKeyDown(event);\n\n        // when a menu is within a sheet, it should not trigger the custom\n        // keyboard behavior\n        if (isSheet) {\n          return;\n        }\n\n        switch (event.key) {\n          case \"Escape\":\n            // prevent parent components that have an \"Escape\" keypress event\n            // from being triggered as well\n            event.stopPropagation();\n            disableHoverMode();\n            onRequestClose();\n            break;\n          case \"Tab\":\n            // since menus are portalled, tab index is kinda broke so just close\n            // the menu instead of doing default tab behavior\n            event.preventDefault();\n\n            if (!menuitem) {\n              // pressing the tab key should still cascade close all menus\n              event.stopPropagation();\n            }\n            disableHoverMode();\n            onRequestClose();\n            break;\n          case \"ArrowUp\":\n            if (!root && menuitem && horizontal) {\n              event.stopPropagation();\n              event.preventDefault();\n              onRequestClose();\n            }\n            break;\n          case \"ArrowLeft\":\n            if (!root && menuitem && !horizontal) {\n              event.stopPropagation();\n              event.preventDefault();\n              onRequestClose();\n            }\n            break;\n        }\n      },\n      onEnter,\n      onEntering(appearing) {\n        onEntering(appearing);\n        entered.current = true;\n      },\n      onEntered(appearing) {\n        onEntered(appearing);\n        entered.current = true;\n        cancelUnmountFocus.current = false;\n        animatedOnceRef.current = true;\n      },\n      onExit,\n      onExiting,\n      onExited() {\n        onExited();\n        entered.current = false;\n      },\n      disableTransition,\n      isFocusTypeDisabled(type) {\n        if (role === \"listbox\") {\n          return !isSheet;\n        }\n\n        if (type === \"keyboard\") {\n          return isSheet;\n        }\n\n        const isHoverDisabled = mouse && hoverTimeoutRef.current === 0;\n        if (type === \"mount\") {\n          return isHoverDisabled;\n        }\n\n        return (\n          isHoverDisabled ||\n          cancelUnmountFocus.current ||\n          (root && !!activeId && id !== activeId)\n        );\n      },\n    });\n\n    const { ref, style, callbacks, updateStyle } = useFixedPositioning({\n      ...transitionOptions,\n      disabled: disableFixedPositioning,\n      style: isSheet ? propStyle : menuStyle,\n      fixedTo,\n      anchor: getDefaultAnchor({\n        anchor,\n        menubar,\n        floating,\n        menuitem: !root && menuitem,\n        horizontal,\n      }),\n      vwMargin,\n      vhMargin,\n      xMargin,\n      yMargin,\n      width,\n      transformOrigin,\n      preventOverlap,\n      disableSwapping,\n      disableVHBounds,\n      initialX,\n      initialY,\n      getFixedPositionOptions,\n      onResize: closeOnResize ? hideWithoutRefocus : undefined,\n      onScroll(_event, data) {\n        if (!data.visible || closeOnScroll) {\n          hideWithoutRefocus();\n        }\n      },\n    });\n    const { rendered, disablePortal, elementProps } = useScaleTransition({\n      className: cnb(!isSheet && menuClassName, className),\n      transitionIn: visible,\n      vertical: !horizontal,\n      temporary,\n      timeout: isSheet || disableTransition ? 0 : timeout,\n      classNames,\n      appear,\n      enter,\n      exit,\n      exitedHidden: true,\n      // merge the transition callbacks\n      ...transitionOptions,\n      ...callbacks,\n      // but prefer the latest defined ref\n      nodeRef: ref,\n    });\n    useScrollLock(visible && preventScroll);\n\n    // need to make sure that the useEffect does not refire for hiding on click\n    // events because of the `window.requestAnimationFrame`. It'll make it so\n    // that menu items that update state are unable to close when clicked\n    const hide = useRef(onRequestClose);\n    useEffect(() => {\n      hide.current = onRequestClose;\n    });\n    useEffect(() => {\n      if (!visible) {\n        return;\n      }\n\n      const callback = (event: globalThis.MouseEvent): void => {\n        // this is required for when the transition is disabled\n        if (!entered.current) {\n          return;\n        }\n\n        // if the user clicks outside of the menu to close it, the toggle button\n        // should not be focused. instead the nearest focusable element from the\n        // click event should be focused when Tab or Shift + tab is pressed\n        cancelUnmountFocus.current =\n          !(event.target instanceof HTMLElement) ||\n          !event.target.closest(`[role=\"${role}\"]`);\n\n        // this won't be called if `event.stopPropagation()` is called\n        hide.current();\n        disableHoverMode();\n      };\n\n      // wait an animation frame so the initial click event that caused the menu\n      // to become visible does not immediately close the menu\n      const frame = globalThis.requestAnimationFrame(() => {\n        globalThis.addEventListener(\"click\", callback);\n      });\n\n      return () => {\n        globalThis.cancelAnimationFrame(frame);\n        globalThis.removeEventListener(\"click\", callback);\n      };\n    }, [disableHoverMode, role, visible]);\n    useIsomorphicLayoutEffect(() => {\n      if (!visible) {\n        return;\n      }\n\n      updateStyle();\n    }, [updateStyle, children, visible]);\n\n    return (\n      <MenuConfigurationProvider\n        horizontal={horizontal}\n        renderAsSheet={renderAsSheet}\n        sheetFooter={sheetFooter}\n        sheetHeader={sheetHeader}\n        sheetPosition={sheetPosition}\n        sheetVerticalSize={sheetVerticalSize}\n      >\n        <MenuSheet\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy as string}\n          header={sheetHeader}\n          footer={sheetFooter}\n          position={sheetPosition}\n          verticalSize={sheetVerticalSize}\n          visible={visible}\n          enabled={isSheet}\n          onRequestClose={onRequestClose}\n          style={sheetStyle}\n          className={sheetClassName}\n          disablePortal={propDisablePortal}\n          temporary={temporary}\n          disableTransition={disableTransition}\n          {...sheetProps}\n        >\n          <Portal disabled={isSheet || (propDisablePortal ?? disablePortal)}>\n            {(rendered || isSheet) && (\n              <MenuWidget\n                {...remaining}\n                {...elementProps}\n                {...eventHandlers}\n                id={id}\n                role={role}\n                style={isSheet ? propStyle : style}\n                isSheet={isSheet}\n                tabIndex={tabIndex}\n                horizontal={horizontal}\n                listProps={listProps}\n                listStyle={listStyle}\n                listClassName={listClassName}\n                disableElevation={disableElevation}\n                cancelUnmountFocus={cancelUnmountFocus}\n              >\n                {children}\n              </MenuWidget>\n            )}\n          </Portal>\n        </MenuSheet>\n      </MenuConfigurationProvider>\n    );\n  }\n);\n"],"names":["cnb","forwardRef","useEffect","useRef","useFocusContainer","useUserInteractionMode","useAppSize","Portal","useFixedPositioning","useScrollLock","useScaleTransition","useEnsuredId","useIsomorphicLayoutEffect","MenuConfigurationProvider","useMenuConfiguration","MenuSheet","MenuWidget","useMenuBarContext","getDefaultAnchor","noop","Menu","props","propRef","id","propId","style","propStyle","role","children","horizontal","_horizontal","sheetHeader","_sheetHeader","sheetFooter","_sheetFooter","renderAsSheet","_renderAsSheet","sheetPosition","_sheetPosition","sheetVerticalSize","_sheetVerticalSize","sheetProps","sheetStyle","sheetClassName","menuStyle","menuClassName","disableElevation","temporary","tabIndex","fixedTo","className","classNames","timeout","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onKeyDown","listProps","listStyle","listClassName","visible","onRequestClose","floating","anchor","closeOnResize","closeOnScroll","preventScroll","vwMargin","vhMargin","xMargin","yMargin","width","transformOrigin","preventOverlap","disableSwapping","disableVHBounds","initialX","initialY","disableFixedPositioning","getFixedPositionOptions","disablePortal","propDisablePortal","disableTransition","remaining","ariaLabel","ariaLabelledBy","root","menubar","menuitem","activeId","animatedOnceRef","hoverTimeoutRef","disableHoverMode","isPhone","isSheet","entered","cancelUnmountFocus","hideWithoutRefocus","current","mode","mouse","eventHandlers","transitionOptions","nodeRef","activate","event","key","stopPropagation","preventDefault","appearing","isFocusTypeDisabled","type","isHoverDisabled","ref","callbacks","updateStyle","disabled","onResize","undefined","onScroll","_event","data","rendered","elementProps","transitionIn","vertical","exitedHidden","hide","callback","target","HTMLElement","closest","frame","globalThis","requestAnimationFrame","addEventListener","cancelAnimationFrame","removeEventListener","aria-label","aria-labelledby","header","footer","position","verticalSize","enabled"],"mappings":"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"}
+{"version":3,"sources":["../../src/menu/Menu.tsx"],"sourcesContent":["\"use client\";\n\nimport { cnb } from \"cnbuilder\";\nimport {\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n  useEffect,\n  useRef,\n} from \"react\";\n\nimport { type FloatingActionButtonPosition } from \"../button/FloatingActionButton.js\";\nimport { useFocusContainer } from \"../focus/useFocusContainer.js\";\nimport { useUserInteractionMode } from \"../interaction/UserInteractionModeProvider.js\";\nimport { type ListProps } from \"../list/List.js\";\nimport { useAppSize } from \"../media-queries/AppSizeProvider.js\";\nimport { type GetDefaultFocusedIndex } from \"../movement/types.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type CalculateFixedPositionOptions } from \"../positioning/types.js\";\nimport {\n  type FixedPositioningOptions,\n  useFixedPositioning,\n} from \"../positioning/useFixedPositioning.js\";\nimport { useScrollLock } from \"../scroll/useScrollLock.js\";\nimport {\n  type ScaleTransitionHookOptions,\n  useScaleTransition,\n} from \"../transition/useScaleTransition.js\";\nimport { type LabelRequiredForA11y, type PropsWithRef } from \"../types.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport { useIsomorphicLayoutEffect } from \"../useIsomorphicLayoutEffect.js\";\nimport {\n  type MenuConfiguration,\n  MenuConfigurationProvider,\n  type MenuOrientationProps,\n  useMenuConfiguration,\n} from \"./MenuConfigurationProvider.js\";\nimport { MenuSheet, type MenuSheetConvenienceProps } from \"./MenuSheet.js\";\nimport { MenuWidget } from \"./MenuWidget.js\";\nimport { useMenuBarContext } from \"./useMenuBarProvider.js\";\nimport { getDefaultAnchor } from \"./utils.js\";\n\n// NOTE: The augmentation is in this file since no types are imported from the\n// `styles` file at this time\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-menu-background-color\"?: string;\n    \"--rmd-menu-color\"?: string;\n    \"--rmd-menu-min-width\"?: string | number;\n    \"--rmd-menu-spacing\"?: string | number;\n  }\n}\n\nconst noop = (): void => {\n  // do nothing\n};\n\n/** @since 5.0.0 */\nexport type MenuTransitionProps = Omit<\n  ScaleTransitionHookOptions<HTMLDivElement>,\n  \"transitionIn\" | \"vertical\" | \"nodeRef\"\n>;\n\n/**\n * @since 6.0.0\n */\nexport interface MenuConfigurationProps extends CalculateFixedPositionOptions {\n  /**\n   * @see {@link ScaleTransitionHookOptions.temporary}\n   * @defaultValue `true`\n   */\n  temporary?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disablePortal?: boolean;\n\n  /**\n   * Boolean if the menu should not gain the elevation styles and should only be\n   * set to `true` when rendering within a `Sheet`.\n   *\n   * @defaultValue `false`\n   */\n  disableElevation?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disableTransition?: boolean;\n\n  /**\n   * @see {@link FixedPositioningOptions.transformOrigin}\n   * @defaultValue `true`\n   */\n  transformOrigin?: boolean;\n\n  /**\n   * Boolean if the menu should close if the page is scrolled. The default\n   * behavior is to just update the position of the menu relative to the menu\n   * button until it can no longer be visible within the viewport.\n   *\n   * @defaultValue `false`\n   */\n  closeOnScroll?: boolean;\n\n  /**\n   * Boolean if the page should no longer be scrollable while the menu is\n   * visible.\n   *\n   * @defaultValue `false`\n   */\n  preventScroll?: boolean;\n\n  /**\n   * Boolean if the menu should close instead of repositioning itself if the\n   * browser window is resized.\n   *\n   * @defaultValue `false`\n   */\n  closeOnResize?: boolean;\n\n  /** @see {@link FixedPositioningOptions.getFixedPositionOptions} */\n  getFixedPositionOptions?: () => CalculateFixedPositionOptions;\n\n  /**\n   * @defaultValue `false`\n   * @see {@link FixedPositioningOptions.disabled}\n   */\n  disableFixedPositioning?: boolean;\n}\n\n/**\n * @since 5.1.0\n * @since 6.0.0 Renamed from `MenuListProps` to `MenuListConvenienceProps`\n */\nexport interface MenuListConvenienceProps {\n  /**\n   * An optional style to provide to the `List` component that surrounds the\n   * `MenuItem` within a `Menu`.\n   */\n  listStyle?: CSSProperties;\n\n  /**\n   * An optional className to provide to the `List` component that surrounds the\n   * `MenuItem` within a `Menu`.\n   */\n  listClassName?: string;\n\n  /**\n   * Any additional props to pass to the `List` component that surrounds the\n   * `Menu`'s `MenuItem`s.\n   */\n  listProps?: PropsWithRef<Omit<ListProps, \"horizontal\">>;\n}\n\n/**\n * @since 6.0.0\n */\nexport interface MenuConvenienceProps extends MenuConfigurationProps {\n  /**\n   * This can be used to apply additional props to the `Menu` component.\n   *\n   * Note: You can override the `style` and `className` using\n   * {@link menuStyle} and {@link menuClassName} instead for convenience.\n   *\n   * @example\n   * ```tsx\n   * <DropdownMenu\n   *   {...props}\n   *   menuProps={{\n   *     style: {\n   *       // custom inline style\n   *     },\n   *     className: \"come-class-name\",\n   *     getFixedPositionOptions: () => ({\n   *       preventOverlap: true,\n   *     }),\n   *   }}\n   * />\n   * ```\n   */\n  menuProps?: PropsWithRef<\n    Omit<\n      MenuProps,\n      | \"children\"\n      | \"fixedTo\"\n      | \"visible\"\n      | \"onRequestClose\"\n      | \"getDefaultFocusedIndex\"\n    >\n  >;\n\n  /**\n   * Convenience prop to apply custom style to the `Menu` component.\n   */\n  menuStyle?: CSSProperties;\n\n  /**\n   * Convenience prop to apply custom class name to the `Menu` component.\n   */\n  menuClassName?: string;\n}\n\n/**\n * @since 6.0.0\n */\nexport type MenuFixedPositioningOptions = Omit<\n  FixedPositioningOptions<HTMLElement, HTMLDivElement>,\n  \"onScroll\" | \"onResize\" | \"nodeRef\" | \"disabled\"\n>;\n\n/**\n * @since 5.0.0\n * @since 6.0.0 Updated to use the latest Menu, Transition, and Portal API.\n */\nexport interface MenuProps\n  extends\n    HTMLAttributes<HTMLDivElement>,\n    MenuConfiguration,\n    MenuConfigurationProps,\n    MenuFixedPositioningOptions,\n    MenuOrientationProps,\n    MenuTransitionProps,\n    MenuListConvenienceProps,\n    MenuSheetConvenienceProps {\n  ref?: Ref<HTMLDivElement>;\n  visible: boolean;\n  onRequestClose: () => void;\n\n  /**\n   * @defaultValue `\"menu-\" + useId()`\n   */\n  id?: string;\n\n  /**\n   * This is used to set the default focus index when the menu is visible.\n   *\n   * @internal\n   */\n  getDefaultFocusedIndex?: GetDefaultFocusedIndex;\n\n  /**\n   * Custom style that should be applied to the menu only while not rendered\n   * within a sheet since the {@link style} would be applied to both versions.\n   */\n  menuStyle?: CSSProperties;\n\n  /**\n   * Custom class name that should be applied only while not rendered within a\n   * sheet.\n   */\n  menuClassName?: string;\n\n  /**\n   * @internal\n   *\n   * This is only used to update the default anchor when the DropdownMenu's\n   * toggle is a floating action button.\n   */\n  floating?: FloatingActionButtonPosition;\n}\n\n/**\n * **Client Component**\n *\n * This component should generally only be used to implement context menus with\n * the `useContextMenu` hook. Otherwise, the `DropdownMenu` component should be\n * used.\n *\n * @see The `useContextMenu` hook for an example.\n *\n * @see {@link https://react-md.dev/components/menu | Menu Demos}\n * @since 5.0.0\n * @since 6.0.0 Updated this component to implement all the `Menu`\n * functionality instead of requiring the `useMenu` hook and `MenuWidget`\n * component. In addition, the `renderAsSheet` behavior has been moved into this\n * implementation so that the `MenuRenderer` is no longer required and context\n * menus can appear as a `Sheet`.\n * @since 7.0.0 No longer uses `forwardRef`\n */\nexport function Menu(props: LabelRequiredForA11y<MenuProps>): ReactElement {\n  const {\n    id: propId,\n    ref: propRef,\n    style: propStyle,\n    role = \"menu\",\n    children,\n    horizontal: _horizontal,\n    sheetHeader: _sheetHeader,\n    sheetFooter: _sheetFooter,\n    renderAsSheet: _renderAsSheet,\n    sheetPosition: _sheetPosition,\n    sheetVerticalSize: _sheetVerticalSize,\n    sheetProps,\n    sheetStyle,\n    sheetClassName,\n    menuStyle,\n    menuClassName,\n    disableElevation = false,\n    temporary = true,\n    tabIndex = -1,\n    fixedTo,\n    className,\n    classNames,\n    timeout,\n    appear,\n    enter,\n    exit,\n    onEnter,\n    onEntering = noop,\n    onEntered = noop,\n    onExit,\n    onExiting,\n    onExited = noop,\n    onKeyDown = noop,\n    listProps,\n    listStyle,\n    listClassName,\n    visible,\n    onRequestClose,\n    floating,\n    anchor,\n    closeOnResize = false,\n    closeOnScroll = false,\n    preventScroll = false,\n    vwMargin,\n    vhMargin,\n    xMargin,\n    yMargin,\n    width,\n    transformOrigin = true,\n    preventOverlap,\n    disableSwapping,\n    disableVHBounds,\n    initialX,\n    initialY,\n    disableFixedPositioning,\n    getFixedPositionOptions,\n    disablePortal: propDisablePortal,\n    disableTransition,\n    ...remaining\n  } = props;\n  const { \"aria-label\": ariaLabel, \"aria-labelledby\": ariaLabelledBy } = props;\n\n  const id = useEnsuredId(propId, \"menu\");\n  const {\n    root,\n    menubar,\n    menuitem,\n    activeId,\n    animatedOnceRef,\n    hoverTimeoutRef,\n    disableHoverMode,\n  } = useMenuBarContext();\n  const {\n    horizontal,\n    sheetHeader,\n    sheetFooter,\n    renderAsSheet,\n    sheetPosition,\n    sheetVerticalSize,\n  } = useMenuConfiguration(props);\n  const { isPhone } = useAppSize();\n  const isSheet =\n    renderAsSheet === true || (renderAsSheet === \"phone\" && isPhone);\n\n  const entered = useRef(false);\n  const cancelUnmountFocus = useRef(false);\n  const hideWithoutRefocus = (): void => {\n    cancelUnmountFocus.current = true;\n    onRequestClose();\n  };\n  const mode = useUserInteractionMode();\n  const mouse = mode === \"mouse\";\n\n  const { eventHandlers, transitionOptions } = useFocusContainer({\n    nodeRef: propRef,\n    activate: visible,\n    onKeyDown(event) {\n      onKeyDown(event);\n\n      // when a menu is within a sheet, it should not trigger the custom\n      // keyboard behavior\n      if (isSheet) {\n        return;\n      }\n\n      switch (event.key) {\n        case \"Escape\":\n          // prevent parent components that have an \"Escape\" keypress event\n          // from being triggered as well\n          event.stopPropagation();\n          disableHoverMode();\n          onRequestClose();\n          break;\n        case \"Tab\":\n          // since menus are portalled, tab index is kinda broke so just close\n          // the menu instead of doing default tab behavior\n          event.preventDefault();\n\n          if (!menuitem) {\n            // pressing the tab key should still cascade close all menus\n            event.stopPropagation();\n          }\n          disableHoverMode();\n          onRequestClose();\n          break;\n        case \"ArrowUp\":\n          if (!root && menuitem && horizontal) {\n            event.stopPropagation();\n            event.preventDefault();\n            onRequestClose();\n          }\n          break;\n        case \"ArrowLeft\":\n          if (!root && menuitem && !horizontal) {\n            event.stopPropagation();\n            event.preventDefault();\n            onRequestClose();\n          }\n          break;\n      }\n    },\n    onEnter,\n    onEntering(appearing) {\n      onEntering(appearing);\n      entered.current = true;\n    },\n    onEntered(appearing) {\n      onEntered(appearing);\n      entered.current = true;\n      cancelUnmountFocus.current = false;\n      animatedOnceRef.current = true;\n    },\n    onExit,\n    onExiting,\n    onExited() {\n      onExited();\n      entered.current = false;\n    },\n    disableTransition,\n    isFocusTypeDisabled(type) {\n      if (role === \"listbox\") {\n        return !isSheet;\n      }\n\n      if (type === \"keyboard\") {\n        return isSheet;\n      }\n\n      const isHoverDisabled = mouse && hoverTimeoutRef.current === 0;\n      if (type === \"mount\") {\n        return isHoverDisabled;\n      }\n\n      return (\n        isHoverDisabled ||\n        cancelUnmountFocus.current ||\n        (root && !!activeId && id !== activeId)\n      );\n    },\n  });\n\n  const { ref, style, callbacks, updateStyle } = useFixedPositioning({\n    ...transitionOptions,\n    disabled: disableFixedPositioning,\n    style: isSheet ? propStyle : menuStyle,\n    fixedTo,\n    anchor: getDefaultAnchor({\n      anchor,\n      menubar,\n      floating,\n      menuitem: !root && menuitem,\n      horizontal,\n    }),\n    vwMargin,\n    vhMargin,\n    xMargin,\n    yMargin,\n    width,\n    transformOrigin,\n    preventOverlap,\n    disableSwapping,\n    disableVHBounds,\n    initialX,\n    initialY,\n    getFixedPositionOptions,\n    onResize: closeOnResize ? hideWithoutRefocus : undefined,\n    onScroll(_event, data) {\n      if (!data.visible || closeOnScroll) {\n        hideWithoutRefocus();\n      }\n    },\n  });\n  const { rendered, disablePortal, elementProps } = useScaleTransition({\n    className: cnb(!isSheet && menuClassName, className),\n    transitionIn: visible,\n    vertical: !horizontal,\n    temporary,\n    timeout: isSheet || disableTransition ? 0 : timeout,\n    classNames,\n    appear,\n    enter,\n    exit,\n    exitedHidden: true,\n    // merge the transition callbacks\n    ...transitionOptions,\n    ...callbacks,\n    // but prefer the latest defined ref\n    nodeRef: ref,\n  });\n  useScrollLock(visible && preventScroll);\n\n  // need to make sure that the useEffect does not refire for hiding on click\n  // events because of the `window.requestAnimationFrame`. It'll make it so\n  // that menu items that update state are unable to close when clicked\n  const hide = useRef(onRequestClose);\n  useEffect(() => {\n    hide.current = onRequestClose;\n  });\n  useEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    const callback = (event: globalThis.MouseEvent): void => {\n      // this is required for when the transition is disabled\n      if (!entered.current) {\n        return;\n      }\n\n      // if the user clicks outside of the menu to close it, the toggle button\n      // should not be focused. instead the nearest focusable element from the\n      // click event should be focused when Tab or Shift + tab is pressed\n      cancelUnmountFocus.current =\n        !(event.target instanceof HTMLElement) ||\n        !event.target.closest(`[role=\"${role}\"]`);\n\n      // this won't be called if `event.stopPropagation()` is called\n      hide.current();\n      disableHoverMode();\n    };\n\n    // wait an animation frame so the initial click event that caused the menu\n    // to become visible does not immediately close the menu\n    const frame = globalThis.requestAnimationFrame(() => {\n      globalThis.addEventListener(\"click\", callback);\n    });\n\n    return () => {\n      globalThis.cancelAnimationFrame(frame);\n      globalThis.removeEventListener(\"click\", callback);\n    };\n  }, [disableHoverMode, role, visible]);\n  useIsomorphicLayoutEffect(() => {\n    if (!visible) {\n      return;\n    }\n\n    updateStyle();\n  }, [updateStyle, children, visible]);\n\n  return (\n    <MenuConfigurationProvider\n      horizontal={horizontal}\n      renderAsSheet={renderAsSheet}\n      sheetFooter={sheetFooter}\n      sheetHeader={sheetHeader}\n      sheetPosition={sheetPosition}\n      sheetVerticalSize={sheetVerticalSize}\n    >\n      <MenuSheet\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy as string}\n        header={sheetHeader}\n        footer={sheetFooter}\n        position={sheetPosition}\n        verticalSize={sheetVerticalSize}\n        visible={visible}\n        enabled={isSheet}\n        onRequestClose={onRequestClose}\n        style={sheetStyle}\n        className={sheetClassName}\n        disablePortal={propDisablePortal}\n        temporary={temporary}\n        disableTransition={disableTransition}\n        {...sheetProps}\n      >\n        <Portal disabled={isSheet || (propDisablePortal ?? disablePortal)}>\n          {(rendered || isSheet) && (\n            <MenuWidget\n              {...remaining}\n              {...elementProps}\n              {...eventHandlers}\n              id={id}\n              role={role}\n              style={isSheet ? propStyle : style}\n              isSheet={isSheet}\n              tabIndex={tabIndex}\n              horizontal={horizontal}\n              listProps={listProps}\n              listStyle={listStyle}\n              listClassName={listClassName}\n              disableElevation={disableElevation}\n              cancelUnmountFocus={cancelUnmountFocus}\n            >\n              {children}\n            </MenuWidget>\n          )}\n        </Portal>\n      </MenuSheet>\n    </MenuConfigurationProvider>\n  );\n}\n"],"names":["cnb","useEffect","useRef","useFocusContainer","useUserInteractionMode","useAppSize","Portal","useFixedPositioning","useScrollLock","useScaleTransition","useEnsuredId","useIsomorphicLayoutEffect","MenuConfigurationProvider","useMenuConfiguration","MenuSheet","MenuWidget","useMenuBarContext","getDefaultAnchor","noop","Menu","props","id","propId","ref","propRef","style","propStyle","role","children","horizontal","_horizontal","sheetHeader","_sheetHeader","sheetFooter","_sheetFooter","renderAsSheet","_renderAsSheet","sheetPosition","_sheetPosition","sheetVerticalSize","_sheetVerticalSize","sheetProps","sheetStyle","sheetClassName","menuStyle","menuClassName","disableElevation","temporary","tabIndex","fixedTo","className","classNames","timeout","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onKeyDown","listProps","listStyle","listClassName","visible","onRequestClose","floating","anchor","closeOnResize","closeOnScroll","preventScroll","vwMargin","vhMargin","xMargin","yMargin","width","transformOrigin","preventOverlap","disableSwapping","disableVHBounds","initialX","initialY","disableFixedPositioning","getFixedPositionOptions","disablePortal","propDisablePortal","disableTransition","remaining","ariaLabel","ariaLabelledBy","root","menubar","menuitem","activeId","animatedOnceRef","hoverTimeoutRef","disableHoverMode","isPhone","isSheet","entered","cancelUnmountFocus","hideWithoutRefocus","current","mode","mouse","eventHandlers","transitionOptions","nodeRef","activate","event","key","stopPropagation","preventDefault","appearing","isFocusTypeDisabled","type","isHoverDisabled","callbacks","updateStyle","disabled","onResize","undefined","onScroll","_event","data","rendered","elementProps","transitionIn","vertical","exitedHidden","hide","callback","target","HTMLElement","closest","frame","globalThis","requestAnimationFrame","addEventListener","cancelAnimationFrame","removeEventListener","aria-label","aria-labelledby","header","footer","position","verticalSize","enabled"],"mappings":"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"}