@superdispatch/ui 0.25.1 → 0.26.0

package/dist-src/adaptive-toolbar/AdaptiveToolbar.js

@@ -8,9 +8,7 @@ import { forwardRef, useRef, useState } from 'react';
 import { Button } from "../button/Button.js";
 import { DropdownButton } from "../dropdown-button/DropdownButton.js";
 import { useResizeObserver } from "../utils/ResizeObserver.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles({
   actions: {
     overflow: 'hidden'
@@ -20,10 +18,9 @@ var useStyles = /*#__PURE__*/makeStyles({
 });
 export var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    items
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      items
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   var itemNodes = useRef([]);
   var optionsButtonRef = useRef(null);
@@ -33,7 +30,6 @@ export var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var [rootNode, setRootNode] = useState(null);
   useResizeObserver(rootNode, node => {
     var _optionsButtonRef$cur;
-
     var rootRect = node.getBoundingClientRect();
     var rootWidth = rootRect.left + rootRect.width;
     var optionsButtonRect = (_optionsButtonRef$cur = optionsButtonRef.current) === null || _optionsButtonRef$cur === void 0 ? void 0 : _optionsButtonRef$cur.getBoundingClientRect();
@@ -43,21 +39,19 @@ export var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     var hiddenIdx = mountedNodes.findIndex((itemNode, idx) => {
       itemNode.removeAttribute('hidden');
       var itemRect = itemNode.getBoundingClientRect();
-      var itemRightPosition = itemRect.left + itemRect.width; // Ignore options button width when checking last item.
+      var itemRightPosition = itemRect.left + itemRect.width;
 
+      // Ignore options button width when checking last item.
       if (idx === mountedNodes.length - 1) {
         return itemRightPosition > rootWidth;
       }
-
       return itemRightPosition > maxRightPosition;
     });
-
     if (hiddenIdx !== -1) {
       mountedNodes.slice(hiddenIdx).forEach(itemNode => {
         itemNode.setAttribute('hidden', 'true');
       });
     }
-
     setFirstHiddenIdx(hiddenIdx);
   });
   return /*#__PURE__*/_jsx(Toolbar, _objectSpread(_objectSpread({}, props), {}, {
@@ -121,13 +115,11 @@ export var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
           },
           children: menuItems.map((item, index, arr) => {
             var _item$dropdown;
-
             var next = arr[index + 1];
             return /*#__PURE__*/_jsxs(_Fragment, {
               children: [/*#__PURE__*/_jsx(MenuItem, {
                 onClick: event => {
                   var _item$onClick;
-
                   (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
                   setMenuButtonRef(undefined);
                 },
@@ -135,7 +127,6 @@ export var AdaptiveToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
               }, item.key), (_item$dropdown = item.dropdown) === null || _item$dropdown === void 0 ? void 0 : _item$dropdown.map(dropdownItem => /*#__PURE__*/_jsx(MenuItem, {
                 onClick: event => {
                   var _dropdownItem$onClick;
-
                   (_dropdownItem$onClick = dropdownItem.onClick) === null || _dropdownItem$onClick === void 0 ? void 0 : _dropdownItem$onClick.call(dropdownItem, event);
                   setMenuButtonRef(undefined);
                 },

package/dist-src/adaptive-vertical-toolbar/AdaptiveVerticalToolbar.js

@@ -5,8 +5,7 @@ import { cloneElement, forwardRef, useRef, useState } from 'react';
 import { Button } from "../button/Button.js";
 import { mergeRefs } from "../utils/mergeRefs.js";
 import { useResizeObserver } from "../utils/ResizeObserver.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles({
   root: {
     overflow: 'hidden',
@@ -15,12 +14,10 @@ var useStyles = /*#__PURE__*/makeStyles({
 }, {
   name: 'SD-AdaptiveVerticalToolbar'
 });
-
 var defaultMoreElement = /*#__PURE__*/_jsx(Button, {
   type: "button",
   children: /*#__PURE__*/_jsx(MoreHoriz, {})
 });
-
 export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     items,
@@ -38,7 +35,6 @@ export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
   var [rootNode, setRootNode] = useState(null);
   useResizeObserver(rootNode, node => {
     var _optionsButtonRef$cur;
-
     var rootRect = node.getBoundingClientRect();
     var rootHeight = rootRect.bottom;
     var optionsButtonRect = (_optionsButtonRef$cur = optionsButtonRef.current) === null || _optionsButtonRef$cur === void 0 ? void 0 : _optionsButtonRef$cur.getBoundingClientRect();
@@ -47,21 +43,19 @@ export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
     var mountedNodes = itemNodes.current.filter(x => x != null);
     var hiddenIdx = mountedNodes.findIndex((itemNode, idx) => {
       itemNode.removeAttribute('hidden');
-      var itemRect = itemNode.getBoundingClientRect(); // Ignore options button height when checking last item.
+      var itemRect = itemNode.getBoundingClientRect();
 
+      // Ignore options button height when checking last item.
       if (idx === mountedNodes.length - 1) {
         return itemRect.bottom > rootHeight;
       }
-
       return itemRect.bottom > maxBottomPosition;
     });
-
     if (hiddenIdx !== -1) {
       mountedNodes.slice(hiddenIdx).forEach(itemNode => {
         itemNode.setAttribute('hidden', 'true');
       });
     }
-
     setFirstHiddenIdx(hiddenIdx);
   });
   return /*#__PURE__*/_jsxs(Grid, {
@@ -101,7 +95,6 @@ export var AdaptiveVerticalToolbar = /*#__PURE__*/forwardRef((_ref, ref) => {
           return [/*#__PURE__*/_jsx(MenuItem, {
             onClick: event => {
               var _item$onClick;
-
               (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.call(item, event);
               setMenuButtonRef(undefined);
             },

package/dist-src/autocomplete/AutocompleteOverrides.js

@@ -2,8 +2,9 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import { SvgIcon } from '@material-ui/core';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function overrideAutocomplete(theme) {
-  var sm = theme.breakpoints.up('sm'); // Remove `Object.assign` after official release of `Autocomplete`.
+  var sm = theme.breakpoints.up('sm');
 
+  // Remove `Object.assign` after official release of `Autocomplete`.
   Object.assign(theme.props, {
     MuiAutocomplete: {
       popupIcon: /*#__PURE__*/_jsx(SvgIcon, {

package/dist-src/avatar-button/AvatarButton.js

@@ -1,14 +1,13 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 var _excluded = ["size", "icon", "isLoading", "classes", "disabled", "avatarRef", "className", "alt", "imgProps", "sizes", "src", "srcSet", "variant", "children"],
-    _excluded2 = ["button", "overlay", "progress", "withIcon", "sizeLarge"];
+  _excluded2 = ["button", "overlay", "progress", "withIcon", "sizeLarge"];
 import { Avatar, ButtonBase, CircularProgress } from '@material-ui/core';
 import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => {
   var sm = theme.breakpoints.up('sm');
   return {
@@ -103,35 +102,33 @@ var useStyles = /*#__PURE__*/makeStyles(theme => {
 });
 export var AvatarButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    size,
-    icon,
-    isLoading = false,
-    classes,
-    disabled = false,
-    avatarRef,
-    className,
-    alt,
-    imgProps,
-    sizes,
-    src,
-    srcSet,
-    variant,
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size,
+      icon,
+      isLoading = false,
+      classes,
+      disabled = false,
+      avatarRef,
+      className,
+      alt,
+      imgProps,
+      sizes,
+      src,
+      srcSet,
+      variant,
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
-    classes
-  }),
-      {
-    button: buttonClassName,
-    overlay: overlayClassName,
-    progress: progressClassName,
-    withIcon: withIconClassName,
-    sizeLarge: sizeLargeClassName
-  } = _useStyles,
-      avatarClasses = _objectWithoutProperties(_useStyles, _excluded2);
-
+      classes
+    }),
+    {
+      button: buttonClassName,
+      overlay: overlayClassName,
+      progress: progressClassName,
+      withIcon: withIconClassName,
+      sizeLarge: sizeLargeClassName
+    } = _useStyles,
+    avatarClasses = _objectWithoutProperties(_useStyles, _excluded2);
   return /*#__PURE__*/_jsxs(ButtonBase, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     "aria-busy": isLoading,

package/dist-src/button/Button.js

@@ -3,20 +3,17 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["size", "children", "disabled", "isActive", "isLoading", "color"];
 import { Button as MaterialButton, CircularProgress } from '@material-ui/core';
 import { forwardRef } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export var Button = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    size,
-    children,
-    disabled,
-    isActive,
-    isLoading,
-    color = 'primary'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size,
+      children,
+      disabled,
+      isActive,
+      isLoading,
+      color = 'primary'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(MaterialButton, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     size: size,

package/dist-src/button/ButtonOverrides.js

@@ -1,11 +1,9 @@
 import { Color } from "../theme/Color.js";
-
 function outlineShadow() {
   var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
   var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Color.Transparent;
   return "0 0 0 ".concat(size, "px ").concat(color);
 }
-
 function textVariant(text, outline, background, progress) {
   return {
     color: text,
@@ -31,12 +29,10 @@ function textVariant(text, outline, background, progress) {
     }
   };
 }
-
 function outlinedBorder(borderColor) {
   var outlineColor = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Color.Transparent;
   return "inset 0 0 0 1px ".concat(borderColor, ", 0 0 0 2px ").concat(outlineColor);
 }
-
 function outlinedVariant(staleText, staleBorder, disabledText, disabledBorder, activeText, activeBorder, activeOutline, activeBackground, progress, backgroundColor) {
   return {
     backgroundColor,
@@ -67,7 +63,6 @@ function outlinedVariant(staleText, staleBorder, disabledText, disabledBorder, a
     }
   };
 }
-
 function containedVariant(text, backgroundColor, outline, active, disabledText, disabledBackground) {
   return {
     color: text,
@@ -89,7 +84,6 @@ function containedVariant(text, backgroundColor, outline, active, disabledText,
     }
   };
 }
-
 export function overrideButton(theme) {
   var sm = theme.breakpoints.up('sm');
   theme.props.MuiButton = {

package/dist-src/card-button/CardButton.js

@@ -6,9 +6,7 @@ import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: {
     width: '100%',
@@ -82,18 +80,17 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var CardButton = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    hint,
-    size,
-    error,
-    classes,
-    className,
-    children,
-    endIcon,
-    startIcon,
-    disabled
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      hint,
+      size,
+      error,
+      classes,
+      className,
+      children,
+      endIcon,
+      startIcon,
+      disabled
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles({
     classes
   });

package/dist-src/checkbox/CheckboxField.js

@@ -5,8 +5,7 @@ import { Checkbox, FormControl as FormControlMui, FormControlLabel, FormHelperTe
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var FormControl = /*#__PURE__*/styled(FormControlMui).withConfig({
   displayName: "CheckboxField__FormControl",
   componentId: "SD__sc-1wxu0g6-0"
@@ -17,16 +16,15 @@ var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
 })(["color:", ";margin-left:30px;margin-top:0;margin-bottom:4px;&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var CheckboxField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    label,
-    error,
-    checked,
-    onBlur,
-    onChange,
-    helperText,
-    FormControlLabelProps: formControlLabelProps
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      label,
+      error,
+      checked,
+      onBlur,
+      onChange,
+      helperText,
+      FormControlLabelProps: formControlLabelProps
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs(FormControl, {
     error: error,
     children: [/*#__PURE__*/_jsx(FormControlLabel, _objectSpread(_objectSpread({}, formControlLabelProps), {}, {

package/dist-src/checkbox/CheckboxGroudField.js

@@ -5,8 +5,7 @@ import { FormControl, FormGroup, FormHelperText as FormHelperTextMui, FormLabel
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var FormLabel = /*#__PURE__*/styled(FormLabelMui).withConfig({
   displayName: "CheckboxGroudField__FormLabel",
   componentId: "SD__sc-1lihyfy-0"
@@ -17,15 +16,14 @@ var FormHelperText = /*#__PURE__*/styled(FormHelperTextMui).withConfig({
 })(["margin-top:8px;color:", ";&.Mui-error{color:", ";}"], Color.Dark300, Color.Red500);
 export var CheckboxGroupField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    FormGroupProps: formGroupProps,
-    label,
-    FormLabelProps: formLabelProps,
-    helperText,
-    FormHelperTextProps: formHelperTextProps,
-    children
-  } = _ref,
-      formControlProps = _objectWithoutProperties(_ref, _excluded);
-
+      FormGroupProps: formGroupProps,
+      label,
+      FormLabelProps: formLabelProps,
+      helperText,
+      FormHelperTextProps: formHelperTextProps,
+      children
+    } = _ref,
+    formControlProps = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs(FormControl, _objectSpread(_objectSpread({}, formControlProps), {}, {
     hiddenLabel: !label,
     children: [!!label && /*#__PURE__*/_jsx(FormLabel, _objectSpread(_objectSpread({}, formLabelProps), {}, {

package/dist-src/checkbox/CheckboxOverrides.js

@@ -1,7 +1,6 @@
 import { SvgIcon } from '@material-ui/core';
 import { Color } from "../theme/Color.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function overrideCheckbox(theme) {
   theme.props.MuiCheckbox = {
     color: 'primary',

package/dist-src/columns/Column.js

@@ -2,48 +2,35 @@ import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { useResponsiveProp } from "../props/ResponsiveProp.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function computeFlexBasis(scale) {
   return "".concat(scale * 100, "%");
 }
-
 function flexBasisMixin(width) {
   switch (width) {
     case '1/2':
       return computeFlexBasis(1 / 2);
-
     case '1/3':
       return computeFlexBasis(1 / 3);
-
     case '2/3':
       return computeFlexBasis(2 / 3);
-
     case '1/4':
       return computeFlexBasis(1 / 4);
-
     case '3/4':
       return computeFlexBasis(3 / 4);
-
     case '1/5':
       return computeFlexBasis(1 / 5);
-
     case '2/5':
       return computeFlexBasis(2 / 5);
-
     case '3/5':
       return computeFlexBasis(3 / 5);
-
     case '4/5':
       return computeFlexBasis(4 / 5);
   }
-
   return 'auto';
 }
-
 function columnRootMixin(width) {
   return css(["flex-grow:0;flex-basis:", ";width:", ";flex-shrink:", ";"], flexBasisMixin(width), width === 'fluid' ? '100%' : 'auto', width === 'fluid' || width === 'adaptive' ? 1 : 0);
 }
-
 var ColumnRoot = /*#__PURE__*/styled.div.withConfig({
   displayName: "Column__ColumnRoot",
   componentId: "SD__sc-m9n6o6-0"

package/dist-src/columns/Columns.js

@@ -3,12 +3,10 @@ import { parseAlignProp } from "../props/AlignProps.js";
 import { parseCollapsedBelow } from "../props/CollapseProp.js";
 import { parseResponsiveProp } from "../props/ResponsiveProp.js";
 import { parseSpaceProp } from "../props/SpaceProp.js";
-
 function columnsRootMixin(align, spaceProp, isReversed, isCollapsed) {
   var space = parseSpaceProp(spaceProp);
   return css(["--column-space-left:", "px;--column-space-top:", "px;--column-space-bottom:", "px;align-items:", ";margin-left:", "px;width:", ";flex-direction:", ";"], isCollapsed ? 0 : space, isCollapsed && isReversed ? space : 0, isCollapsed && !isReversed ? space : 0, parseAlignProp(align), isCollapsed ? 0 : "-".concat(space), isCollapsed ? '100%' : "calc(100% + ".concat(space, "px)"), isCollapsed ? !isReversed ? 'column' : 'column-reverse' : !isReversed ? 'row' : 'row-reverse');
 }
-
 export var Columns = /*#__PURE__*/styled.div.withConfig({
   displayName: "Columns",
   componentId: "SD__sc-1a73118-0"

package/dist-src/description-list/DescriptionList.js

@@ -9,9 +9,7 @@ import { OverflowText } from "../overflow-text/OverflowText.js";
 import { Color } from "../theme/Color.js";
 import { isEmptyReactNode } from "../utils/isEmptyReactNode.js";
 import { useUID } from "../utils/useUID.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function sizeVariant(theme, mobileSpacing, desktopSpacing) {
   return {
     '& > $list, & > $item': {
@@ -24,7 +22,6 @@ function sizeVariant(theme, mobileSpacing, desktopSpacing) {
     }
   };
 }
-
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   list: sizeVariant(theme, 2, 1),
   listSmall: sizeVariant(theme, 1, 0.5),
@@ -46,16 +43,17 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   }
 }), {
   name: 'SD-DescriptionList'
-}); //
+});
+
+//
 // DescriptionList
 //
 
 export var DescriptionList = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    size
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      size
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
@@ -65,14 +63,14 @@ export var DescriptionList = /*#__PURE__*/forwardRef((_ref, ref) => {
       'large': styles.listLarge
     }[size])
   }));
-}); //
+});
+
+//
 // DescriptionListItem
 //
-
 if (process.env.NODE_ENV !== "production") DescriptionList.displayName = "DescriptionList";
 export var DescriptionListItem = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var _ref3, _contentTypographyPro, _contentTypographyPro2;
-
   var {
     inset,
     icon = inset ? /*#__PURE__*/_jsx(SvgIcon, {}) : null,

package/dist-src/drawer/DrawerActions.js

@@ -7,9 +7,7 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Color } from "../theme/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   appBar: {
     '&&': {
@@ -40,11 +38,10 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var DrawerActions = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
   var {
-    children,
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   return /*#__PURE__*/_jsx(VisibilityObserver, {
     render: _ref2 => {

package/dist-src/drawer/DrawerContent.js

@@ -18,10 +18,9 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var DrawerContent = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/drawer/DrawerList.js

@@ -6,7 +6,6 @@ import { makeStyles } from '@material-ui/styles';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-
 function listItemMixins(theme, space) {
   return {
     '& .MuiListItem-gutters': {
@@ -24,7 +23,6 @@ function listItemMixins(theme, space) {
     }
   };
 }
-
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   root: _objectSpread(_objectSpread({
     maxWidth: '100%'
@@ -36,10 +34,9 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var DrawerList = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   return /*#__PURE__*/_jsx(List, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,

package/dist-src/drawer/DrawerTitle.js

@@ -7,9 +7,7 @@ import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Color } from "../theme/Color.js";
 import { VisibilityObserver } from "../utils/VisibilityObserver.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var useStyles = /*#__PURE__*/makeStyles(theme => ({
   appBar: {
     '&&': {
@@ -50,16 +48,15 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 export var DrawerTitle = /*#__PURE__*/forwardRef((_ref, appBarRef) => {
   var {
-    title,
-    titleTypographyProps,
-    subtitle,
-    subtitleTypographyProps,
-    startAction,
-    endAction,
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      titleTypographyProps,
+      subtitle,
+      subtitleTypographyProps,
+      startAction,
+      endAction,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
   return /*#__PURE__*/_jsx(VisibilityObserver, {
     render: _ref2 => {