@selfcommunity/react-ui 0.11.0-alpha.65 → 0.11.0-alpha.67

package/lib/esm/components/Courses/Skeleton.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { PREFIX } from './constants';
-import { Box, Grid } from '@mui/material';
+import { Box, Grid, styled } from '@mui/material';
 import classNames from 'classnames';
 import { CourseSkeleton } from '../Course';
 import CourseCreatePlaceholder from '../Course/CreatePlaceholder';

package/lib/esm/components/CreateCourseButton/CreateCourseButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import { SCFeatureName } from '@selfcommunity/types';

package/lib/esm/components/CreateEventButton/CreateEventButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import { SCFeatureName } from '@selfcommunity/types';

package/lib/esm/components/CreateEventWidget/Skeleton.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CardActions, CardContent, Divider } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { Box, CardActions, CardContent, Divider, Skeleton, styled } from '@mui/material';
 import Widget from '../Widget';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/CreateGroupButton/CreateGroupButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { GroupFormProps } from '../GroupForm';
 export interface CreateGroupButtonProps extends ButtonProps {
     /**

package/lib/esm/components/CreateGroupButton/CreateGroupButton.js

@@ -2,8 +2,7 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useMemo } from 'react';
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Button, Icon } from '@mui/material';
+import { Button, Icon, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { SCPreferences, SCUserContext, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/CreateLiveStreamButton/CreateLiveStreamButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { CreateLiveStreamDialogProps } from '../CreateLiveStreamDialog';
 export interface CreateLiveStreamButtonProps extends ButtonProps {
     /**

package/lib/esm/components/CreateLiveStreamButton/CreateLiveStreamButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Icon } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, Icon, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, SCUserContext, UserUtils, useSCPreferences } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/CreateLiveStreamDialog/CreateLiveStreamDialog.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import { useSCUser } from '@selfcommunity/react-core';
 import { SCEventLocationType } from '@selfcommunity/types';
@@ -13,8 +12,7 @@ import EventForm from '../EventForm';
 import LiveStreamSelector from './LiveStreamSelector/LiveStreamSelector';
 import { CreateLiveStreamStep, LiveStreamType } from './types';
 import LiveStreamForm from '../LiveStreamForm';
-import Slide from '@mui/material/Slide';
-import { Box, Button, Icon } from '@mui/material';
+import { Box, Button, Icon, styled, Slide } from '@mui/material';
 const classes = {
     root: `${PREFIX}-root`,
     title: `${PREFIX}-title`,

package/lib/esm/components/CreateLiveStreamDialog/LiveStreamSelector/LiveStreamSelector.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box, Typography, Button, Paper, Container, Radio, Alert } from '@mui/material';
+import { Box, Typography, Button, Paper, Container, Radio, Alert, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { LiveStreamType } from '../types';

package/lib/esm/components/CustomAdv/CustomAdv.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
+import { Box, styled } from '@mui/material';
 import { useIsComponentMountedRef, useSCFetchCustomAdv } from '@selfcommunity/react-core';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';

package/lib/esm/components/CustomAdv/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GenericSkeleton } from '../Skeleton';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/EditCourse/MenuRow.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Menu from '@mui/material/Menu';
-import { Icon, IconButton, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
+import { Icon, IconButton, SwipeableDrawer, useMediaQuery, useTheme, Menu } from '@mui/material';
 import { Fragment, memo, useCallback, useState } from 'react';
 function MenuRow(props) {
     // PROPS

package/lib/esm/components/EditEventButton/EditEventButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSCFetchEvent, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/EditGroupButton/EditGroupButton.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useSCFetchGroup, useSCUser } from '@selfcommunity/react-core';
 import classNames from 'classnames';

package/lib/esm/components/Editor/Editor.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
 import { FormattedMessage } from 'react-intl';
-import { Box, Stack } from '@mui/material';
+import { Box, Stack, styled } from '@mui/material';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import nodes from './nodes';

package/lib/esm/components/Editor/Skeleton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GenericSkeleton } from '../Skeleton';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`

package/lib/esm/components/Editor/plugins/EmojiPlugin.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState } from 'react';
 import { CONTROLLED_TEXT_INSERTION_COMMAND } from 'lexical';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { Fade, Icon, IconButton, Popover, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Fade, Icon, IconButton, Popover, useMediaQuery, useTheme, styled } from '@mui/material';
 import EmojiPicker from '../../../shared/EmojiPicker';
 import { PREFIX } from '../constants';
 function Emoji({ editor, className = '', isLessonCommentEditor = false }) {

package/lib/esm/components/Editor/plugins/FloatingLinkPlugin.js

@@ -6,9 +6,7 @@ import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_CRITICAL, COMMAND_PR
 import { useCallback, useEffect, useState } from 'react';
 import { getSelectedNode } from '../../../utils/editor';
 import { isValidUrl } from '@selfcommunity/utils';
-import { styled } from '@mui/material/styles';
-import { IconButton, InputAdornment, Paper, Popper, TextField } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { styled, IconButton, InputAdornment, Paper, Popper, TextField, Icon } from '@mui/material';
 import { PREFIX } from '../constants';
 const classes = {
     root: `${PREFIX}-floating-link-plugin-root`

package/lib/esm/components/Editor/plugins/HashtagPlugin.js

@@ -8,7 +8,7 @@ import { createPortal } from 'react-dom';
 import { createHashtagNode, HashtagNode } from '../nodes/HashtagNode';
 import { CategoryService } from '@selfcommunity/api-services';
 import classNames from 'classnames';
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { PREFIX } from '../constants';
 const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
 const NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';

package/lib/esm/components/Editor/plugins/ImagePlugin.js

@@ -4,8 +4,7 @@ import { forwardRef, useEffect, useState } from 'react';
 import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
 import { $insertNodeToNearestRoot } from '@lexical/utils';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { CircularProgress, Icon, IconButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { CircularProgress, Icon, IconButton, styled } from '@mui/material';
 import ChunkedUploady from '@rpldy/chunked-uploady';
 import { Endpoints } from '@selfcommunity/api-services';
 import { useSCContext, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/Editor/plugins/MediaPlugin.js

@@ -4,8 +4,7 @@ import { forwardRef, useEffect, useState } from 'react';
 import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
 import { $insertNodeToNearestRoot } from '@lexical/utils';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { Box, CircularProgress, Icon, IconButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, CircularProgress, Icon, IconButton, styled } from '@mui/material';
 import ChunkedUploady from '@rpldy/chunked-uploady';
 import { Endpoints } from '@selfcommunity/api-services';
 import { useSCContext, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/Editor/plugins/MentionsPlugin.js

@@ -7,9 +7,7 @@ import { mergeRegister } from '@lexical/utils';
 import { createMentionNode, MentionNode } from '../nodes/MentionNode';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import classNames from 'classnames';
-import { Avatar, Portal } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
+import { Avatar, Portal, styled, ClickAwayListener } from '@mui/material';
 import { PREFIX } from '../constants';
 const PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
 const NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';

package/lib/esm/components/Editor/plugins/ToolbarPlugin.js

@@ -11,9 +11,8 @@ import { $findMatchingParent, $getNearestBlockElementAncestorOrThrow, $getNeares
 import * as React from 'react';
 import { useCallback, useEffect, useState } from 'react';
 import { getSelectedNode } from '../../../utils/editor';
-import { Box, Icon, IconButton, Menu, MenuItem, ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material';
+import { Box, Icon, IconButton, Menu, MenuItem, ToggleButton, ToggleButtonGroup, Tooltip, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 import ImagePlugin from './ImagePlugin';
 import EmojiPlugin from './EmojiPlugin';

package/lib/esm/components/Event/Event.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, Box, Button, CardActions, CardContent, CardMedia, Chip, Divider, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, Box, Button, CardActions, CardContent, CardMedia, Chip, Divider, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Link, SCRoutes, useSCFetchEvent, useSCRouting } from '@selfcommunity/react-core';
 import { SCEventLocationType } from '@selfcommunity/types';

package/lib/esm/components/Event/Skeleton.js

@@ -1,8 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AvatarGroup, Box, Button, CardActions, CardContent, Divider, Icon, Stack, useTheme } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { AvatarGroup, Box, Button, CardActions, CardContent, Divider, Icon, Stack, useTheme, Skeleton, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import BaseItem from '../../shared/BaseItem';

package/lib/esm/components/EventAutocomplete/EventAutocomplete.d.ts

@@ -1,6 +1,5 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { AutocompleteProps } from '@mui/material';
-import { SCEventType } from '@selfcommunity/types/src/index';
+import { AutocompleteProps, TextFieldProps } from '@mui/material';
+import { SCEventType } from '@selfcommunity/types';
 export interface EventAutocompleteProps extends Pick<AutocompleteProps<SCEventType | null, any, any, any>, Exclude<keyof AutocompleteProps<SCEventType | null, any, any, any>, 'open' | 'onOpen' | 'onClose' | 'onChange' | 'filterSelectedOptions' | 'disableCloseOnSelect' | 'options' | 'getOptionLabel' | 'value' | 'selectOnFocus' | 'clearOnBlur' | 'blurOnSelect' | 'handleHomeEndKeys' | 'clearIcon' | 'noOptionsText' | 'isOptionEqualToValue' | 'renderTags' | 'renderOption' | 'renderInput'>> {
     /**
      * The maximum number of events that will be visible when not focused.

package/lib/esm/components/EventAutocomplete/EventAutocomplete.js

@@ -2,14 +2,10 @@ import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import CircularProgress from '@mui/material/CircularProgress';
 import parse from 'autosuggest-highlight/parse';
 import match from 'autosuggest-highlight/match';
-import { Avatar, Box, Typography } from '@mui/material';
+import { Avatar, Box, Typography, styled, Autocomplete, TextField, CircularProgress } from '@mui/material';
 import { useSCFetchEvents } from '@selfcommunity/react-core';
-import { styled } from '@mui/material/styles';
 import { useThemeProps } from '@mui/system';
 const PREFIX = 'SCEventAutocomplete';
 const classes = {

package/lib/esm/components/EventForm/EventAddress.js

@@ -1,8 +1,6 @@
 import { __awaiter } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Autocomplete, Box, InputAdornment, Tab, Tabs, TextField } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import { styled } from '@mui/material/styles';
+import { Autocomplete, Box, InputAdornment, Tab, Tabs, TextField, styled, Icon } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import { SCCommunitySubscriptionTier, SCEventLocationType, SCFeatureName } from '@selfcommunity/types';

package/lib/esm/components/EventForm/EventForm.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Alert, Box, FormControl, FormGroup, Icon, IconButton, InputAdornment, InputLabel, MenuItem, Paper, Select, Stack, Switch, TextField, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Alert, Box, FormControl, FormGroup, Icon, IconButton, InputAdornment, InputLabel, MenuItem, Paper, Select, Stack, Switch, TextField, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { LocalizationProvider, MobileDatePicker, MobileTimePicker } from '@mui/x-date-pickers';
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';

package/lib/esm/components/EventForm/UploadEventCover.js

@@ -1,10 +1,8 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useContext, useRef, useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { Alert } from '@mui/material';
+import { Alert, styled, Icon } from '@mui/material';
 import { SCUserContext } from '@selfcommunity/react-core';
-import Icon from '@mui/material/Icon';
 import classNames from 'classnames';
 import { useThemeProps } from '@mui/system';
 import { PREFIX } from './constants';

package/lib/esm/components/EventFormDialog/EventFormDialog.js

@@ -1,6 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import classNames from 'classnames';
 import { FormattedMessage } from 'react-intl';

package/lib/esm/components/EventHeader/EventHeader.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Chip, Icon, Paper, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Chip, Icon, Paper, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { SCPreferences, useSCFetchEvent, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 import { SCEventLocationType, SCEventPrivacyType } from '@selfcommunity/types';

package/lib/esm/components/EventHeader/Skeleton.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import Skeleton from '@mui/material/Skeleton';
+import { Box, Typography, useTheme, styled, Skeleton } from '@mui/material';
 import { PREFIX } from './constants';
 const classes = {
     root: `${PREFIX}-skeleton-root`,

package/lib/esm/components/EventInviteButton/EventInviteButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { SCEventType } from '@selfcommunity/types';
 export interface EventInviteButtonProps extends ButtonProps {
     /**

package/lib/esm/components/EventInviteButton/EventInviteButton.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Avatar, Box, Button, Chip, Icon, IconButton, InputAdornment, TextField, Typography } from '@mui/material';
-import Autocomplete from '@mui/material/Autocomplete';
-import { styled } from '@mui/material/styles';
+import { Avatar, Box, Button, Chip, Icon, IconButton, InputAdornment, TextField, Typography, styled, Autocomplete } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { EventService } from '@selfcommunity/api-services';
 import { SCUserContext, useSCFetchEvent } from '@selfcommunity/react-core';

package/lib/esm/components/EventLocationWidget/EventLocationWidget.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CardContent, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, CardContent, Typography, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { GoogleMap, MarkerF } from '@react-google-maps/api';
 import { useSCGoogleApiLoader, useSCFetchEvent } from '@selfcommunity/react-core';

package/lib/esm/components/EventLocationWidget/Skeleton.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { PREFIX } from './constants';
 import Widget from '../Widget';
-import { Box, CardContent, Skeleton } from '@mui/material';
+import { Box, CardContent, Skeleton, styled } from '@mui/material';
 const classes = {
     root: `${PREFIX}-skeleton-root`,
     map: `${PREFIX}-skeleton-map`

package/lib/esm/components/EventMediaWidget/EventMediaWidget.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Button, CardActions, CardContent, CardHeader, Divider, Icon, Stack, Tooltip, Typography, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Button, CardActions, CardContent, CardHeader, Divider, Icon, Stack, Tooltip, Typography, useMediaQuery, useTheme, styled } from '@mui/material';
 import { Box, useThemeProps } from '@mui/system';
 import { Endpoints, EventService, http } from '@selfcommunity/api-services';
 import { SCCache, useSCFetchEvent, useSCUser } from '@selfcommunity/react-core';

package/lib/esm/components/EventMediaWidget/Skeleton.js

@@ -1,7 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CardContent, CardHeader, Divider } from '@mui/material';
-import Skeleton from '@mui/material/Skeleton';
-import { styled } from '@mui/material/styles';
+import { Box, CardContent, CardHeader, Divider, styled, Skeleton } from '@mui/material';
 import Widget from '../Widget';
 import { PREFIX } from './constants';
 const classes = {

package/lib/esm/components/EventMediaWidget/TriggerButton.js

@@ -1,9 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Stack, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import { styled } from '@mui/material/styles';
+import { Stack, Typography, Icon, styled } from '@mui/material';
 import ChunkedUploady from '@rpldy/chunked-uploady';
 import { Endpoints } from '@selfcommunity/api-services';
 import classNames from 'classnames';

package/lib/esm/components/EventParticipantsButton/EventParticipantsButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '@mui/material/Button/Button';
+import { ButtonProps } from '@mui/material';
 import { SCEventType } from '@selfcommunity/types';
 import { BaseDialogProps } from '../../shared/BaseDialog';
 export interface EventParticipantsButtonProps extends Pick<ButtonProps, Exclude<keyof ButtonProps, 'onClick' | 'disabled'>> {

package/lib/esm/components/EventParticipantsButton/EventParticipantsButton.js

@@ -1,7 +1,6 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, AvatarGroup, Button, List, ListItem, Typography } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Avatar, AvatarGroup, Button, styled, List, ListItem, Typography } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { Endpoints, EventService, http } from '@selfcommunity/api-services';
 import { useSCFetchEvent } from '@selfcommunity/react-core';

package/lib/esm/components/EventSubscribeButton/EventSubscribeButton.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { LoadingButton } from '@mui/lab';
-import { Box, Button, Checkbox, CircularProgress, FormControlLabel, Icon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme } from '@mui/material';
-import { styled } from '@mui/material/styles';
+import { Box, Button, Checkbox, CircularProgress, FormControlLabel, Icon, Menu, MenuItem, SwipeableDrawer, useMediaQuery, useTheme, styled } from '@mui/material';
 import { useThemeProps } from '@mui/system';
 import { useSCContext, useSCFetchEvent, useSCUser } from '@selfcommunity/react-core';
 import { SCEventPrivacyType, SCEventSubscriptionStatusType } from '@selfcommunity/types';

package/lib/esm/components/Events/LocationEventsFilter.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FormControl, InputLabel, MenuItem, Radio, Select } from '@mui/material';
+import { FormControl, InputLabel, MenuItem, Radio, Select, styled } from '@mui/material';
 import { FormattedMessage } from 'react-intl';
 import { useThemeProps } from '@mui/system';
 import { PREFIX } from './constants';
-import { styled } from '@mui/material/styles';
 import { SCEventLocationFilterType } from '@selfcommunity/types';
 import classNames from 'classnames';
 const classes = {

package/lib/esm/components/Events/Skeleton.js

@@ -1,8 +1,7 @@
 import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
 import { PREFIX } from './constants';
-import { Box, Grid } from '@mui/material';
+import { Box, Grid, styled } from '@mui/material';
 import classNames from 'classnames';
 import { EventSkeleton } from '../Event';
 const classes = {

package/lib/esm/components/Feed/Feed.js

@@ -2,8 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // @ts-nocheck
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Link, SCCache, SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef, usePreviousValue, useSCFetchFeed } from '@selfcommunity/react-core';
-import { styled, useTheme } from '@mui/material/styles';
-import { Box, Button, CardContent, Grid, Hidden, Typography, useMediaQuery } from '@mui/material';
+import { styled, useTheme, Box, Button, CardContent, Grid, Hidden, Typography, useMediaQuery } from '@mui/material';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { GenericSkeleton } from '../Skeleton';
 import CustomAdv from '../CustomAdv';

package/lib/esm/components/Feed/Skeleton.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { styled } from '@mui/material/styles';
-import { Grid, Hidden } from '@mui/material';
+import { styled, Grid, Hidden } from '@mui/material';
 import { GenericSkeleton } from '../Skeleton';
 import classNames from 'classnames';
 import { PREFIX } from './constants';

package/lib/esm/components/FeedObject/Actions/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { styled } from '@mui/material/styles';
+import { styled } from '@mui/material';
 import { Grid } from '@mui/material';
 import Vote from './Vote';
 import Comment from './Comment';

package/lib/esm/components/FeedObject/Actions/Comment/Comment.js

@@ -2,15 +2,12 @@ import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
-import { Box, Button, Divider, Tooltip, Typography } from '@mui/material';
-import Icon from '@mui/material/Icon';
+import { Box, Button, Divider, Tooltip, Typography, Icon, styled, Skeleton } from '@mui/material';
 import { Link, useSCFetchFeedObject, useSCRouting } from '@selfcommunity/react-core';
 import { SCContributionType } from '@selfcommunity/types';
-import { styled } from '@mui/material/styles';
 import { SCFeedObjectTemplateType } from '../../../../types/feedObject';
 import { getContributionRouteName, getRouteData } from '../../../../utils/contribution';
 import classNames from 'classnames';
-import Skeleton from '@mui/material/Skeleton';
 import { PREFIX } from '../../constants';
 const messages = defineMessages({
     comments: {

package/lib/esm/components/FeedObject/Actions/Follow/Follow.js

@@ -3,12 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 import LoadingButton from '@mui/lab/LoadingButton';
-import { styled } from '@mui/material/styles';
-import { Box, Tooltip } from '@mui/material';
+import { Box, Tooltip, styled, Icon } from '@mui/material';
 import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
-import Icon from '@mui/material/Icon';
 import { SCContributionType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';

package/lib/esm/components/FeedObject/Actions/Share/Share.js

@@ -2,18 +2,13 @@ import { __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useContext, useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import Icon from '@mui/material/Icon';
 import LoadingButton from '@mui/lab/LoadingButton';
 import SharesDialog from './SharesDialog';
-import { styled } from '@mui/material/styles';
-import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme } from '@mui/material';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
+import { Box, Button, Divider, ListItemText, Menu, SwipeableDrawer, Tooltip, useMediaQuery, useTheme, Icon, MenuItem, ListItemIcon, styled, Skeleton } from '@mui/material';
 import { MEDIA_EMBED_SC_SHARED_EVENT, MEDIA_TYPE_SHARE } from '../../../../constants/Media';
 import { SCOPE_SC_UI } from '../../../../constants/Errors';
 import classNames from 'classnames';
 import { useSnackbar } from 'notistack';
-import Skeleton from '@mui/material/Skeleton';
 import { SCContributionType, SCGroupPrivacyType } from '@selfcommunity/types';
 import { Endpoints, http } from '@selfcommunity/api-services';
 import { copyTextToClipboard, Logger } from '@selfcommunity/utils';

package/lib/esm/components/FeedObject/Actions/Share/SharesDialog/SharesDialog.js

@@ -2,9 +2,8 @@ import { __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { List, ListItem } from '@mui/material';
+import { List, ListItem, Typography } from '@mui/material';
 import InfiniteScroll from '../../../../../shared/InfiniteScroll';
-import Typography from '@mui/material/Typography';
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { useSCFetchFeedObject } from '@selfcommunity/react-core';