@basic-ui/material 0.1.13 → 1.0.0-alpha.0

package/build/esm/ListItem/ListItem.d.ts

@@ -9,4 +9,4 @@ export interface ListItemProps extends BoxProps {
     color?: string;
     rippleColor?: string;
 }
-export declare const ListItem: React.ForwardRefExoticComponent<Pick<ListItemProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "innerAs" | "rippleColor" | "selected"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ListItem: React.ForwardRefExoticComponent<Pick<ListItemProps, "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "disabled" | "selected" | "rippleColor"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/ListItem/ListItem.js

@@ -1,9 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import { forwardRef } from 'react';
-import { RippleBox } from '../Ripple';
+import { Box } from '../Box';
 import { useTheme } from '../theme';
-import { ListItemProvider } from './context';
 import { get } from '@styled-system/css';
 import { alpha } from '../color';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,39 +21,59 @@ export const ListItem = /*#__PURE__*/forwardRef(function ListItem(props, forward
         otherProps = _objectWithoutPropertiesLoose(props, ["as", "innerAs", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"]);
 
   const selected = ariaSelectedProp || selectedProp;
-  const color = colorProp ? colorProp : selected ? 'primary' : 'on.surface';
+  const color = rippleColor || colorProp || 'primary';
   const theme = useTheme();
-  return /*#__PURE__*/_jsx(ListItemProvider, {
-    value: {
-      color,
-      disabled
-    },
-    children: /*#__PURE__*/_jsx(RippleBox, _extends({
-      ref: forwardedRef,
-      as: innerAs || as,
-      theme: theme,
-      display: "flex",
-      "data-disabled": disabled ? '' : undefined,
-      rippleColor: rippleColor || color,
-      baseOpacity: selected ? 0.12 : 0,
-      hoverOpacity: selected ? 0.16 : 0.04,
-      focusOpacity: selected ? 0.24 : 0.12,
-      "aria-selected": selected ? 'true' : undefined,
-      disabled: disabled
-    }, otherProps, {
-      __css: _extends({
-        px: 3,
-        py: "0.75rem",
-        backgroundColor: 'transparent',
-        color: disabled ? alpha(color, 0.6) : alpha(color, 0.87),
+  const baseOpacity = 0.12;
+  const hoverOpacity = 0.16;
+  const focusOpacity = 0.24;
+  return /*#__PURE__*/_jsx(Box, _extends({
+    ref: forwardedRef,
+    as: innerAs || as,
+    theme: theme,
+    display: "flex",
+    "data-disabled": disabled ? '' : undefined,
+    "aria-selected": selected ? 'true' : undefined,
+    disabled: disabled
+  }, otherProps, {
+    __css: _extends({
+      px: 3,
+      py: "0.75rem",
+      transition: 'background-color 75ms linear',
+      backgroundColor: 'transparent',
+      color: alpha('on.surface', 0.87),
+      cursor: 'pointer',
+      ':hover': {
+        backgroundColor: alpha('on.surface', hoverOpacity)
+      },
+      ':focus': {
+        outline: 'none',
+        backgroundColor: alpha('on.surface', focusOpacity)
+      },
+      ':active': {
+        backgroundColor: alpha('on.surface', baseOpacity + 0.12)
+      },
+      '&[aria-selected="true"]': {
+        backgroundColor: alpha(color, baseOpacity + 0.12),
+        ':hover': {
+          backgroundColor: alpha(color, hoverOpacity + 0.12)
+        },
         ':focus': {
-          outline: 'none'
+          outline: 'none',
+          backgroundColor: alpha(color, focusOpacity + 0.12)
         },
-        textDecoration: 'none',
-        WebkitTapHighlightColor: 'transparent'
-      }, get(theme, 'text.subtitle1'), __css),
-      children: children
-    }))
-  });
+        ':active': {
+          backgroundColor: alpha(color, baseOpacity + 0.24)
+        }
+      },
+      '&[data-disabled]': {
+        color: alpha('on.surface', 0.6),
+        backgroundColor: 'transparent',
+        cursor: 'default'
+      },
+      textDecoration: 'none',
+      WebkitTapHighlightColor: 'transparent'
+    }, get(theme, 'text.subtitle1'), __css),
+    children: children
+  }));
 });
 //# sourceMappingURL=ListItem.js.map

package/build/esm/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/ListItem.tsx"],"names":["forwardRef","RippleBox","useTheme","ListItemProvider","get","alpha","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","color","colorProp","rippleColor","__css","otherProps","theme","undefined","px","py","backgroundColor","outline","textDecoration","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,SAAT,QAA0B,WAA1B;AACA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,gBAAT,QAAiC,WAAjC;AACA,SAASC,GAAT,QAAoB,oBAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAYA,OAAO,MAAMC,QAAQ,gBAAGN,UAAU,CAChC,SAASM,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AACrC,QAAM;AACJC,IAAAA,EAAE,GAAG,KADD;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAAQ,EAAEC,YAAY,GAAG,KAJrB;AAKJ,qBAAiBC,gBAAgB,GAAG,KALhC;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,KAAK,EAAEC,SAPH;AAQJC,IAAAA,WARI;AASJC,IAAAA;AATI,MAWFZ,KAXJ;AAAA,QAUKa,UAVL,iCAWIb,KAXJ;;AAYA,QAAMK,QAAQ,GAAGE,gBAAgB,IAAID,YAArC;AACA,QAAMG,KAAK,GAAGC,SAAS,GAAGA,SAAH,GAAeL,QAAQ,GAAG,SAAH,GAAe,YAA7D;AACA,QAAMS,KAAK,GAAGnB,QAAQ,EAAtB;AAEA,sBACE,KAAC,gBAAD;AAAkB,IAAA,KAAK,EAAE;AAAEc,MAAAA,KAAF;AAASD,MAAAA;AAAT,KAAzB;AAAA,2BACE,KAAC,SAAD;AACE,MAAA,GAAG,EAAEP,YADP;AAEE,MAAA,EAAE,EAAEE,OAAO,IAAID,EAFjB;AAGE,MAAA,KAAK,EAAEY,KAHT;AAIE,MAAA,OAAO,EAAC,MAJV;AAKE,uBAAeN,QAAQ,GAAG,EAAH,GAAQO,SALjC;AAME,MAAA,WAAW,EAAEJ,WAAW,IAAIF,KAN9B;AAOE,MAAA,WAAW,EAAEJ,QAAQ,GAAG,IAAH,GAAU,CAPjC;AAQE,MAAA,YAAY,EAAEA,QAAQ,GAAG,IAAH,GAAU,IARlC;AASE,MAAA,YAAY,EAAEA,QAAQ,GAAG,IAAH,GAAU,IATlC;AAUE,uBAAeA,QAAQ,GAAG,MAAH,GAAYU,SAVrC;AAWE,MAAA,QAAQ,EAAEP;AAXZ,OAYMK,UAZN;AAaE,MAAA,KAAK;AACHG,QAAAA,EAAE,EAAE,CADD;AAEHC,QAAAA,EAAE,WAFC;AAGHC,QAAAA,eAAe,EAAE,aAHd;AAIHT,QAAAA,KAAK,EAAED,QAAQ,GAAGV,KAAK,CAACW,KAAD,EAAQ,GAAR,CAAR,GAAuBX,KAAK,CAACW,KAAD,EAAQ,IAAR,CAJxC;AAKH,kBAAU;AACRU,UAAAA,OAAO,EAAE;AADD,SALP;AAQHC,QAAAA,cAAc,EAAE,MARb;AASHC,QAAAA,uBAAuB,EAAE;AATtB,SAUAxB,GAAG,CAACiB,KAAD,EAAQ,gBAAR,CAVH,EAWAF,KAXA,CAbP;AAAA,gBA2BGR;AA3BH;AADF,IADF;AAiCD,CAnD+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { BoxProps } from '../Box';\nimport { rem } from 'polished';\nimport { RippleBox } from '../Ripple';\nimport { useTheme } from '../theme';\nimport { ListItemProvider } from './context';\nimport { get } from '@styled-system/css';\nimport { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n  rippleColor?: string;\n}\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const {\n      as = 'div',\n      innerAs,\n      children,\n      selected: selectedProp = false,\n      'aria-selected': ariaSelectedProp = false,\n      disabled = false,\n      color: colorProp,\n      rippleColor,\n      __css,\n      ...otherProps\n    } = props;\n    const selected = ariaSelectedProp || selectedProp;\n    const color = colorProp ? colorProp : selected ? 'primary' : 'on.surface';\n    const theme = useTheme();\n\n    return (\n      <ListItemProvider value={{ color, disabled }}>\n        <RippleBox\n          ref={forwardedRef}\n          as={innerAs || as}\n          theme={theme}\n          display=\"flex\"\n          data-disabled={disabled ? '' : undefined}\n          rippleColor={rippleColor || color}\n          baseOpacity={selected ? 0.12 : 0}\n          hoverOpacity={selected ? 0.16 : 0.04}\n          focusOpacity={selected ? 0.24 : 0.12}\n          aria-selected={selected ? 'true' : undefined}\n          disabled={disabled}\n          {...otherProps}\n          __css={{\n            px: 3,\n            py: rem(12),\n            backgroundColor: 'transparent',\n            color: disabled ? alpha(color, 0.6) : alpha(color, 0.87),\n            ':focus': {\n              outline: 'none',\n            },\n            textDecoration: 'none',\n            WebkitTapHighlightColor: 'transparent',\n            ...get(theme, 'text.subtitle1'),\n            ...__css,\n          }}\n        >\n          {children}\n        </RippleBox>\n      </ListItemProvider>\n    );\n  }\n);\n"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../src/ListItem/ListItem.tsx"],"names":["forwardRef","Box","useTheme","get","alpha","ListItem","props","forwardedRef","as","innerAs","children","selected","selectedProp","ariaSelectedProp","disabled","color","colorProp","rippleColor","__css","otherProps","theme","baseOpacity","hoverOpacity","focusOpacity","undefined","px","py","transition","backgroundColor","cursor","outline","textDecoration","WebkitTapHighlightColor"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAAmBC,GAAnB,QAA8B,QAA9B;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,SAASC,GAAT,QAAoB,oBAApB;AACA,SAASC,KAAT,QAAsB,UAAtB;;AAYA,OAAO,MAAMC,QAAQ,gBAAGL,UAAU,CAChC,SAASK,QAAT,CAAkBC,KAAlB,EAAyBC,YAAzB,EAAuC;AACrC,QAAM;AACJC,IAAAA,EAAE,GAAG,KADD;AAEJC,IAAAA,OAFI;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,QAAQ,EAAEC,YAAY,GAAG,KAJrB;AAKJ,qBAAiBC,gBAAgB,GAAG,KALhC;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,KAAK,EAAEC,SAPH;AAQJC,IAAAA,WARI;AASJC,IAAAA;AATI,MAWFZ,KAXJ;AAAA,QAUKa,UAVL,iCAWIb,KAXJ;;AAYA,QAAMK,QAAQ,GAAGE,gBAAgB,IAAID,YAArC;AACA,QAAMG,KAAK,GAAGE,WAAW,IAAID,SAAf,IAA4B,SAA1C;AACA,QAAMI,KAAK,GAAGlB,QAAQ,EAAtB;AAEA,QAAMmB,WAAW,GAAG,IAApB;AACA,QAAMC,YAAY,GAAG,IAArB;AACA,QAAMC,YAAY,GAAG,IAArB;AAEA,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEhB,YADP;AAEE,IAAA,EAAE,EAAEE,OAAO,IAAID,EAFjB;AAGE,IAAA,KAAK,EAAEY,KAHT;AAIE,IAAA,OAAO,EAAC,MAJV;AAKE,qBAAeN,QAAQ,GAAG,EAAH,GAAQU,SALjC;AAME,qBAAeb,QAAQ,GAAG,MAAH,GAAYa,SANrC;AAOE,IAAA,QAAQ,EAAEV;AAPZ,KAQMK,UARN;AASE,IAAA,KAAK;AACHM,MAAAA,EAAE,EAAE,CADD;AAEHC,MAAAA,EAAE,WAFC;AAGHC,MAAAA,UAAU,EAAE,8BAHT;AAIHC,MAAAA,eAAe,EAAE,aAJd;AAKHb,MAAAA,KAAK,EAAEX,KAAK,CAAC,YAAD,EAAe,IAAf,CALT;AAMHyB,MAAAA,MAAM,EAAE,SANL;AAOH,gBAAU;AACRD,QAAAA,eAAe,EAAExB,KAAK,CAAC,YAAD,EAAekB,YAAf;AADd,OAPP;AAUH,gBAAU;AACRQ,QAAAA,OAAO,EAAE,MADD;AAERF,QAAAA,eAAe,EAAExB,KAAK,CAAC,YAAD,EAAemB,YAAf;AAFd,OAVP;AAcH,iBAAW;AACTK,QAAAA,eAAe,EAAExB,KAAK,CAAC,YAAD,EAAeiB,WAAW,GAAG,IAA7B;AADb,OAdR;AAiBH,iCAA2B;AACzBO,QAAAA,eAAe,EAAExB,KAAK,CAACW,KAAD,EAAQM,WAAW,GAAG,IAAtB,CADG;AAEzB,kBAAU;AACRO,UAAAA,eAAe,EAAExB,KAAK,CAACW,KAAD,EAAQO,YAAY,GAAG,IAAvB;AADd,SAFe;AAKzB,kBAAU;AACRQ,UAAAA,OAAO,EAAE,MADD;AAERF,UAAAA,eAAe,EAAExB,KAAK,CAACW,KAAD,EAAQQ,YAAY,GAAG,IAAvB;AAFd,SALe;AASzB,mBAAW;AACTK,UAAAA,eAAe,EAAExB,KAAK,CAACW,KAAD,EAAQM,WAAW,GAAG,IAAtB;AADb;AATc,OAjBxB;AA8BH,0BAAoB;AAClBN,QAAAA,KAAK,EAAEX,KAAK,CAAC,YAAD,EAAe,GAAf,CADM;AAElBwB,QAAAA,eAAe,EAAE,aAFC;AAGlBC,QAAAA,MAAM,EAAE;AAHU,OA9BjB;AAmCHE,MAAAA,cAAc,EAAE,MAnCb;AAoCHC,MAAAA,uBAAuB,EAAE;AApCtB,OAqCA7B,GAAG,CAACiB,KAAD,EAAQ,gBAAR,CArCH,EAsCAF,KAtCA,CATP;AAAA,cAkDGR;AAlDH,KADF;AAsDD,CA5E+B,CAA3B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { BoxProps, Box } from '../Box';\nimport { rem } from 'polished';\nimport { useTheme } from '../theme';\nimport { get } from '@styled-system/css';\nimport { alpha } from '../color';\n\nexport interface ListItemProps extends BoxProps {\n  as?: React.ElementType<any>;\n  innerAs?: React.ElementType<any>;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  selected?: boolean;\n  color?: string;\n  rippleColor?: string;\n}\n\nexport const ListItem = forwardRef<HTMLDivElement, ListItemProps>(\n  function ListItem(props, forwardedRef) {\n    const {\n      as = 'div',\n      innerAs,\n      children,\n      selected: selectedProp = false,\n      'aria-selected': ariaSelectedProp = false,\n      disabled = false,\n      color: colorProp,\n      rippleColor,\n      __css,\n      ...otherProps\n    } = props;\n    const selected = ariaSelectedProp || selectedProp;\n    const color = rippleColor || colorProp || 'primary';\n    const theme = useTheme();\n\n    const baseOpacity = 0.12;\n    const hoverOpacity = 0.16;\n    const focusOpacity = 0.24;\n\n    return (\n      <Box\n        ref={forwardedRef}\n        as={innerAs || as}\n        theme={theme}\n        display=\"flex\"\n        data-disabled={disabled ? '' : undefined}\n        aria-selected={selected ? 'true' : undefined}\n        disabled={disabled}\n        {...otherProps}\n        __css={{\n          px: 3,\n          py: rem(12),\n          transition: 'background-color 75ms linear',\n          backgroundColor: 'transparent',\n          color: alpha('on.surface', 0.87),\n          cursor: 'pointer',\n          ':hover': {\n            backgroundColor: alpha('on.surface', hoverOpacity),\n          },\n          ':focus': {\n            outline: 'none',\n            backgroundColor: alpha('on.surface', focusOpacity),\n          },\n          ':active': {\n            backgroundColor: alpha('on.surface', baseOpacity + 0.12),\n          },\n          '&[aria-selected=\"true\"]': {\n            backgroundColor: alpha(color, baseOpacity + 0.12),\n            ':hover': {\n              backgroundColor: alpha(color, hoverOpacity + 0.12),\n            },\n            ':focus': {\n              outline: 'none',\n              backgroundColor: alpha(color, focusOpacity + 0.12),\n            },\n            ':active': {\n              backgroundColor: alpha(color, baseOpacity + 0.24),\n            },\n          },\n          '&[data-disabled]': {\n            color: alpha('on.surface', 0.6),\n            backgroundColor: 'transparent',\n            cursor: 'default',\n          },\n          textDecoration: 'none',\n          WebkitTapHighlightColor: 'transparent',\n          ...get(theme, 'text.subtitle1'),\n          ...__css,\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"file":"ListItem.js"}

package/build/esm/ListItem/ListItemText.js

@@ -2,8 +2,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import { forwardRef } from 'react';
 import { Text } from '../Text';
-import { alpha } from '../color';
-import { useListItemContext } from './context';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props, forwardedRef) {
@@ -14,10 +12,6 @@ export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props,
   } = props,
         otherProps = _objectWithoutPropertiesLoose(props, ["as", "text", "secondaryText"]);
 
-  const {
-    color,
-    disabled
-  } = useListItemContext();
   return /*#__PURE__*/_jsxs(Comp, _extends({
     ref: forwardedRef
   }, otherProps, {
@@ -26,7 +20,8 @@ export const ListItemText = /*#__PURE__*/forwardRef(function ListItemText(props,
       variant: "body2",
       display: "block",
       __css: {
-        color: alpha(color, disabled ? 0.3 : 0.57)
+        color: 'currentColor',
+        opacity: 0.65
       },
       children: secondaryText
     })]

package/build/esm/ListItem/ListItemText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ListItem/ListItemText.tsx"],"names":["forwardRef","Text","alpha","useListItemContext","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","disabled"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,kBAAT,QAAmC,WAAnC;;;AASA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,SAASI,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AACzC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,IAApB;AAA0BC,IAAAA;AAA1B,MAA2DL,KAAjE;AAAA,QAAkDM,UAAlD,iCAAiEN,KAAjE;;AACA,QAAM;AAAEO,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAsBV,kBAAkB,EAA9C;AAEA,sBACE,MAAC,IAAD;AAAM,IAAA,GAAG,EAAEG;AAAX,KAA6BK,UAA7B;AAAA,eACGF,IADH,EAEGC,aAAa,iBACZ,KAAC,IAAD;AACE,MAAA,EAAE,EAAC,MADL;AAEE,MAAA,OAAO,EAAC,OAFV;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAEV,KAAK,CAACU,KAAD,EAAQC,QAAQ,GAAG,GAAH,GAAS,IAAzB;AADP,OAJT;AAAA,gBAQGH;AARH,MAHJ;AAAA,KADF;AAiBD,CAtBmC,CAA/B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Text } from '../Text';\nimport { alpha } from '../color';\nimport { useListItemContext } from './context';\n\nexport interface ListItemTextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  text?: React.ReactNode;\n  secondaryText?: React.ReactNode;\n}\n\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\n  function ListItemText(props, forwardedRef) {\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\n    const { color, disabled } = useListItemContext();\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {text}\n        {secondaryText && (\n          <Text\n            as=\"span\"\n            variant=\"body2\"\n            display=\"block\"\n            __css={{\n              color: alpha(color, disabled ? 0.3 : 0.57),\n            }}\n          >\n            {secondaryText}\n          </Text>\n        )}\n      </Comp>\n    );\n  }\n);\n"],"file":"ListItemText.js"}
+{"version":3,"sources":["../../../src/ListItem/ListItemText.tsx"],"names":["forwardRef","Text","ListItemText","props","forwardedRef","as","Comp","text","secondaryText","otherProps","color","opacity"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAEA,SAASC,IAAT,QAAqB,SAArB;;;AASA,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,SAASE,YAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA2C;AACzC,QAAM;AAAEC,IAAAA,EAAE,EAAEC,IAAI,GAAG,KAAb;AAAoBC,IAAAA,IAApB;AAA0BC,IAAAA;AAA1B,MAA2DL,KAAjE;AAAA,QAAkDM,UAAlD,iCAAiEN,KAAjE;;AAEA,sBACE,MAAC,IAAD;AAAM,IAAA,GAAG,EAAEC;AAAX,KAA6BK,UAA7B;AAAA,eACGF,IADH,EAEGC,aAAa,iBACZ,KAAC,IAAD;AACE,MAAA,EAAE,EAAC,MADL;AAEE,MAAA,OAAO,EAAC,OAFV;AAGE,MAAA,OAAO,EAAC,OAHV;AAIE,MAAA,KAAK,EAAE;AACLE,QAAAA,KAAK,EAAE,cADF;AAELC,QAAAA,OAAO,EAAE;AAFJ,OAJT;AAAA,gBASGH;AATH,MAHJ;AAAA,KADF;AAkBD,CAtBmC,CAA/B","sourcesContent":["import { forwardRef } from 'react';\nimport type * as React from 'react';\nimport { Text } from '../Text';\n\nexport interface ListItemTextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  text?: React.ReactNode;\n  secondaryText?: React.ReactNode;\n}\n\nexport const ListItemText = forwardRef<HTMLDivElement, ListItemTextProps>(\n  function ListItemText(props, forwardedRef) {\n    const { as: Comp = 'div', text, secondaryText, ...otherProps } = props;\n\n    return (\n      <Comp ref={forwardedRef} {...otherProps}>\n        {text}\n        {secondaryText && (\n          <Text\n            as=\"span\"\n            variant=\"body2\"\n            display=\"block\"\n            __css={{\n              color: 'currentColor',\n              opacity: 0.65,\n            }}\n          >\n            {secondaryText}\n          </Text>\n        )}\n      </Comp>\n    );\n  }\n);\n"],"file":"ListItemText.js"}

package/build/esm/Menu/Menu.d.ts

@@ -5,12 +5,12 @@ import { ButtonProps } from '../Button';
 import { BoxProps } from '../Box';
 import { PaperProps } from '../Paper';
 export declare type MenuListProps = MenuListPropsCore & PaperProps & BoxProps<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>;
-export declare const MenuList: React.ForwardRefExoticComponent<Pick<MenuListProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "elevation" | "outlined" | "backgroundOverlay" | "defaultActiveItemValue"> & React.RefAttributes<HTMLUListElement>>;
+export declare const MenuList: React.ForwardRefExoticComponent<Pick<MenuListProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "outlined" | "innerAs" | "defaultActiveItemValue" | "backgroundOverlay"> & React.RefAttributes<HTMLUListElement>>;
 export declare type MenuItemProps = MenuItemPropsCore & ListItemProps;
-export declare const MenuItem: React.ForwardRefExoticComponent<Pick<MenuItemProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "value" | "innerAs" | "rippleColor" | "selected"> & React.RefAttributes<HTMLLIElement>>;
+export declare const MenuItem: React.ForwardRefExoticComponent<Pick<MenuItemProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "value" | "innerAs" | "selected" | "rippleColor"> & React.RefAttributes<HTMLLIElement>>;
 export declare type MenuButtonProps = ButtonProps & MenuButtonPropsCore;
-export declare const MenuButton: React.ForwardRefExoticComponent<Pick<MenuButtonProps, "children" | "form" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "innerAs" | "elevation"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MenuButton: React.ForwardRefExoticComponent<Pick<MenuButtonProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "className" | "id" | "lang" | "name" | "style" | "type" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "disabled" | "autoFocus" | "value" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "innerAs" | "isGroupedButton"> & React.RefAttributes<HTMLButtonElement>>;
 export declare type MenuPopoverProps = BoxProps & MenuPopoverPropsCore;
-export declare const MenuPopover: React.ForwardRefExoticComponent<Pick<MenuPopoverProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuPopover: React.ForwardRefExoticComponent<Pick<MenuPopoverProps, "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "slot" | "title" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & React.RefAttributes<HTMLDivElement>>;
 export declare type MenuProps = MenuPropsCore;
 export { Menu } from '@basic-ui/core';

package/build/esm/Menu/Menu.js

@@ -20,14 +20,14 @@ export const MenuList = /*#__PURE__*/forwardRef((_ref, ref) => {
     as: List,
     innerAs: as,
     ref: ref,
-    elevation: 8,
+    elevation: 2,
     outlined: false,
     variant: "default",
     __css: _extends({
-      width: 0,
       minWidth: "7rem",
       maxWidth: "17.5rem",
       maxHeight: "18.75rem",
+      borderRadius: 'default',
       overflowY: 'auto',
       '[data-popper-placement="top"] &': {
         transformOrigin: 'bottom center'

package/build/esm/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Menu/Menu.tsx"],"names":["forwardRef","MenuButton","MenuButtonCore","MenuList","_MenuListCore","MenuItem","MenuItemCore","MenuPopover","_MenuPopoverCore","List","ListItem","Button","Box","growAnimation","MenuListCore","ref","as","__css","props","width","minWidth","maxWidth","maxHeight","overflowY","transformOrigin","animation","MenuPopoverCore","zIndex","Menu"],"mappings":";;AAAA,SAASA,UAAT,QAA+B,OAA/B;AAEA,SACEC,UAAU,IAAIC,cADhB,EAGEC,QAAQ,IAAIC,aAHd,EAKEC,QAAQ,IAAIC,YALd,EAOEC,WAAW,IAAIC,gBAPjB,QAUO,gBAVP;AAWA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,QAAT,QAAwC,aAAxC;AACA,SAASC,MAAT,QAAoC,WAApC;AACA,SAAmBC,GAAnB,QAA8B,QAA9B;AAEA,SAASC,aAAT,QAA8B,aAA9B;;AAUA,MAAMC,YAA+B,GAAGV,aAAxC;AAEA,OAAO,MAAMD,QAAQ,gBAAGH,UAAU,CAChC,OAAiCe,GAAjC;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG,IAAP;AAAaC,IAAAA;AAAb,GAAD;AAAA,MAAwBC,KAAxB;;AAAA,sBACE,KAAC,YAAD;AACE,IAAA,EAAE,EAAET,IADN;AAEE,IAAA,OAAO,EAAEO,EAFX;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,OAAO,EAAC,SANV;AAOE,IAAA,KAAK;AACHI,MAAAA,KAAK,EAAE,CADJ;AAEHC,MAAAA,QAAQ,QAFL;AAGHC,MAAAA,QAAQ,WAHL;AAIHC,MAAAA,SAAS,YAJN;AAKHC,MAAAA,SAAS,EAAE,MALR;AAMH,yCAAmC;AACjCC,QAAAA,eAAe,EAAE;AADgB,OANhC;AASH,4CAAsC;AACpCA,QAAAA,eAAe,EAAE;AADmB,OATnC;AAYHC,MAAAA,SAAS,YAAKZ,aAAL;AAZN,OAaAI,KAbA;AAPP,KAsBMC,KAtBN,EADF;AAAA,CADgC,CAA3B,C,CA6BP;AACA;;AAIA,OAAO,MAAMb,QAAQ,gBAAGL,UAAU,CAChC,QAA0Be,GAA1B;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG;AAAP,GAAD;AAAA,MAAiBE,KAAjB;;AAAA,sBACE,KAAC,YAAD;AAAc,IAAA,EAAE,EAAER,QAAlB;AAA4B,IAAA,OAAO,EAAEM,EAArC;AAAyC,IAAA,GAAG,EAAED;AAA9C,KAAuDG,KAAvD,EADF;AAAA,CADgC,CAA3B,C,CAMP;AACA;;AAIA,OAAO,MAAMjB,UAAU,gBAAGD,UAAU,CAClC,QAA8Be,GAA9B;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG;AAAP,GAAD;AAAA,MAAqBE,KAArB;;AAAA,sBACE,KAAC,cAAD;AAAgB,IAAA,EAAE,EAAEP,MAApB;AAA4B,IAAA,OAAO,EAAEK,EAArC;AAAyC,IAAA,GAAG,EAAED;AAA9C,KAAuDG,KAAvD,EADF;AAAA,CADkC,CAA7B,C,CAMP;AACA;;AAIA,MAAMQ,eAAqC,GAAGlB,gBAA9C;AAEA,OAAO,MAAMD,WAAW,gBAAGP,UAAU,CACnC,QAA0Be,GAA1B;AAAA,MAAC;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAD;AAAA,MAAiBC,KAAjB;;AAAA,sBACE,KAAC,eAAD;AACE,IAAA,EAAE,EAAEN,GADN;AAEE,IAAA,OAAO,EAAEI,EAFX;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,KAAK;AAAIY,MAAAA,MAAM,EAAE;AAAZ,OAA0BV,KAA1B;AAJP,KAKMC,KALN,EADF;AAAA,CADmC,CAA9B;AAaP,SAASU,IAAT,QAAqB,gBAArB","sourcesContent":["import { forwardRef, FC } from 'react';\nimport type * as React from 'react';\nimport {\n  MenuButton as MenuButtonCore,\n  MenuButtonProps as MenuButtonPropsCore,\n  MenuList as _MenuListCore,\n  MenuListProps as MenuListPropsCore,\n  MenuItem as MenuItemCore,\n  MenuItemProps as MenuItemPropsCore,\n  MenuPopover as _MenuPopoverCore,\n  MenuPopoverProps as MenuPopoverPropsCore,\n  MenuProps as MenuPropsCore,\n} from '@basic-ui/core';\nimport { List } from '../List';\nimport { ListItem, ListItemProps } from '../ListItem';\nimport { Button, ButtonProps } from '../Button';\nimport { BoxProps, Box } from '../Box';\nimport { rem } from 'polished';\nimport { growAnimation } from './animation';\nimport { PaperProps } from '../Paper';\n\n/////////////////////////////////////////////////////\n// MenuList\n\nexport type MenuListProps = MenuListPropsCore &\n  PaperProps &\n  BoxProps<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>;\n\nconst MenuListCore: FC<MenuListProps> = _MenuListCore as any;\n\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\n  ({ as = 'ul', __css, ...props }, ref) => (\n    <MenuListCore\n      as={List}\n      innerAs={as}\n      ref={ref as any}\n      elevation={8}\n      outlined={false}\n      variant=\"default\"\n      __css={{\n        width: 0,\n        minWidth: rem(112),\n        maxWidth: rem(280),\n        maxHeight: rem(300),\n        overflowY: 'auto',\n        '[data-popper-placement=\"top\"] &': {\n          transformOrigin: 'bottom center',\n        },\n        '[data-popper-placement=\"bottom\"] &': {\n          transformOrigin: 'top center',\n        },\n        animation: `${growAnimation} .12s cubic-bezier(0,0,0.2,1)`,\n        ...__css,\n      }}\n      {...props}\n    />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuItem\n\nexport type MenuItemProps = MenuItemPropsCore & ListItemProps;\n\nexport const MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ as = 'li', ...props }, ref) => (\n    <MenuItemCore as={ListItem} innerAs={as} ref={ref} {...props} />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuButton\n\nexport type MenuButtonProps = ButtonProps & MenuButtonPropsCore;\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  ({ as = 'button', ...props }, ref) => (\n    <MenuButtonCore as={Button} innerAs={as} ref={ref} {...props} />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuPopover\n\nexport type MenuPopoverProps = BoxProps & MenuPopoverPropsCore;\n\nconst MenuPopoverCore: FC<MenuPopoverProps> = _MenuPopoverCore as any;\n\nexport const MenuPopover = forwardRef<HTMLDivElement, MenuPopoverProps>(\n  ({ as, __css, ...props }, ref) => (\n    <MenuPopoverCore\n      as={Box}\n      innerAs={as}\n      ref={ref}\n      __css={{ zIndex: 'tooltip', ...__css }}\n      {...props}\n    />\n  )\n);\n\nexport type MenuProps = MenuPropsCore;\nexport { Menu } from '@basic-ui/core';\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/Menu/Menu.tsx"],"names":["forwardRef","MenuButton","MenuButtonCore","MenuList","_MenuListCore","MenuItem","MenuItemCore","MenuPopover","_MenuPopoverCore","List","ListItem","Button","Box","growAnimation","MenuListCore","ref","as","__css","props","minWidth","maxWidth","maxHeight","borderRadius","overflowY","transformOrigin","animation","MenuPopoverCore","zIndex","Menu"],"mappings":";;AAAA,SAASA,UAAT,QAA+B,OAA/B;AAEA,SACEC,UAAU,IAAIC,cADhB,EAGEC,QAAQ,IAAIC,aAHd,EAKEC,QAAQ,IAAIC,YALd,EAOEC,WAAW,IAAIC,gBAPjB,QAUO,gBAVP;AAWA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,QAAT,QAAwC,aAAxC;AACA,SAASC,MAAT,QAAoC,WAApC;AACA,SAAmBC,GAAnB,QAA8B,QAA9B;AAEA,SAASC,aAAT,QAA8B,aAA9B;;AAUA,MAAMC,YAA+B,GAAGV,aAAxC;AAEA,OAAO,MAAMD,QAAQ,gBAAGH,UAAU,CAChC,OAAiCe,GAAjC;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG,IAAP;AAAaC,IAAAA;AAAb,GAAD;AAAA,MAAwBC,KAAxB;;AAAA,sBACE,KAAC,YAAD;AACE,IAAA,EAAE,EAAET,IADN;AAEE,IAAA,OAAO,EAAEO,EAFX;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,SAAS,EAAE,CAJb;AAKE,IAAA,QAAQ,EAAE,KALZ;AAME,IAAA,OAAO,EAAC,SANV;AAOE,IAAA,KAAK;AACHI,MAAAA,QAAQ,QADL;AAEHC,MAAAA,QAAQ,WAFL;AAGHC,MAAAA,SAAS,YAHN;AAIHC,MAAAA,YAAY,EAAE,SAJX;AAKHC,MAAAA,SAAS,EAAE,MALR;AAMH,yCAAmC;AACjCC,QAAAA,eAAe,EAAE;AADgB,OANhC;AASH,4CAAsC;AACpCA,QAAAA,eAAe,EAAE;AADmB,OATnC;AAYHC,MAAAA,SAAS,YAAKZ,aAAL;AAZN,OAaAI,KAbA;AAPP,KAsBMC,KAtBN,EADF;AAAA,CADgC,CAA3B,C,CA6BP;AACA;;AAIA,OAAO,MAAMb,QAAQ,gBAAGL,UAAU,CAChC,QAA0Be,GAA1B;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG;AAAP,GAAD;AAAA,MAAiBE,KAAjB;;AAAA,sBACE,KAAC,YAAD;AAAc,IAAA,EAAE,EAAER,QAAlB;AAA4B,IAAA,OAAO,EAAEM,EAArC;AAAyC,IAAA,GAAG,EAAED;AAA9C,KAAuDG,KAAvD,EADF;AAAA,CADgC,CAA3B,C,CAMP;AACA;;AAIA,OAAO,MAAMjB,UAAU,gBAAGD,UAAU,CAClC,QAA8Be,GAA9B;AAAA,MAAC;AAAEC,IAAAA,EAAE,GAAG;AAAP,GAAD;AAAA,MAAqBE,KAArB;;AAAA,sBACE,KAAC,cAAD;AAAgB,IAAA,EAAE,EAAEP,MAApB;AAA4B,IAAA,OAAO,EAAEK,EAArC;AAAyC,IAAA,GAAG,EAAED;AAA9C,KAAuDG,KAAvD,EADF;AAAA,CADkC,CAA7B,C,CAMP;AACA;;AAIA,MAAMQ,eAAqC,GAAGlB,gBAA9C;AAEA,OAAO,MAAMD,WAAW,gBAAGP,UAAU,CACnC,QAA0Be,GAA1B;AAAA,MAAC;AAAEC,IAAAA,EAAF;AAAMC,IAAAA;AAAN,GAAD;AAAA,MAAiBC,KAAjB;;AAAA,sBACE,KAAC,eAAD;AACE,IAAA,EAAE,EAAEN,GADN;AAEE,IAAA,OAAO,EAAEI,EAFX;AAGE,IAAA,GAAG,EAAED,GAHP;AAIE,IAAA,KAAK;AAAIY,MAAAA,MAAM,EAAE;AAAZ,OAA0BV,KAA1B;AAJP,KAKMC,KALN,EADF;AAAA,CADmC,CAA9B;AAaP,SAASU,IAAT,QAAqB,gBAArB","sourcesContent":["import { forwardRef, FC } from 'react';\nimport type * as React from 'react';\nimport {\n  MenuButton as MenuButtonCore,\n  MenuButtonProps as MenuButtonPropsCore,\n  MenuList as _MenuListCore,\n  MenuListProps as MenuListPropsCore,\n  MenuItem as MenuItemCore,\n  MenuItemProps as MenuItemPropsCore,\n  MenuPopover as _MenuPopoverCore,\n  MenuPopoverProps as MenuPopoverPropsCore,\n  MenuProps as MenuPropsCore,\n} from '@basic-ui/core';\nimport { List } from '../List';\nimport { ListItem, ListItemProps } from '../ListItem';\nimport { Button, ButtonProps } from '../Button';\nimport { BoxProps, Box } from '../Box';\nimport { rem } from 'polished';\nimport { growAnimation } from './animation';\nimport { PaperProps } from '../Paper';\n\n/////////////////////////////////////////////////////\n// MenuList\n\nexport type MenuListProps = MenuListPropsCore &\n  PaperProps &\n  BoxProps<HTMLUListElement, React.HTMLAttributes<HTMLUListElement>>;\n\nconst MenuListCore: FC<MenuListProps> = _MenuListCore as any;\n\nexport const MenuList = forwardRef<HTMLUListElement, MenuListProps>(\n  ({ as = 'ul', __css, ...props }, ref) => (\n    <MenuListCore\n      as={List}\n      innerAs={as}\n      ref={ref as any}\n      elevation={2}\n      outlined={false}\n      variant=\"default\"\n      __css={{\n        minWidth: rem(112),\n        maxWidth: rem(280),\n        maxHeight: rem(300),\n        borderRadius: 'default',\n        overflowY: 'auto',\n        '[data-popper-placement=\"top\"] &': {\n          transformOrigin: 'bottom center',\n        },\n        '[data-popper-placement=\"bottom\"] &': {\n          transformOrigin: 'top center',\n        },\n        animation: `${growAnimation} .12s cubic-bezier(0,0,0.2,1)`,\n        ...__css,\n      }}\n      {...props}\n    />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuItem\n\nexport type MenuItemProps = MenuItemPropsCore & ListItemProps;\n\nexport const MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ as = 'li', ...props }, ref) => (\n    <MenuItemCore as={ListItem} innerAs={as} ref={ref} {...props} />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuButton\n\nexport type MenuButtonProps = ButtonProps & MenuButtonPropsCore;\n\nexport const MenuButton = forwardRef<HTMLButtonElement, MenuButtonProps>(\n  ({ as = 'button', ...props }, ref) => (\n    <MenuButtonCore as={Button} innerAs={as} ref={ref} {...props} />\n  )\n);\n\n/////////////////////////////////////////////////////\n// MenuPopover\n\nexport type MenuPopoverProps = BoxProps & MenuPopoverPropsCore;\n\nconst MenuPopoverCore: FC<MenuPopoverProps> = _MenuPopoverCore as any;\n\nexport const MenuPopover = forwardRef<HTMLDivElement, MenuPopoverProps>(\n  ({ as, __css, ...props }, ref) => (\n    <MenuPopoverCore\n      as={Box}\n      innerAs={as}\n      ref={ref}\n      __css={{ zIndex: 'tooltip', ...__css }}\n      {...props}\n    />\n  )\n);\n\nexport type MenuProps = MenuPropsCore;\nexport { Menu } from '@basic-ui/core';\n"],"file":"Menu.js"}