import/order: Allow distinct grouping among same group types only for specific patterns

[ZaeemKhaliq]

I have following config: -

pathGroups: [
   {
     pattern: 'react**',
     group: 'external',
     position: 'before',
   },
   {
     pattern: 'gatsby**',
     group: 'external',
     position: 'before',
   },
   {
     pattern: '@chakra-ui/**',
     group: 'external',
     position: 'after',
   },
   {
     pattern: '@emotion/**',
     group: 'external',
     position: 'after',
   },
 ],

If distinctGroup is false, I get this: -

import React, { useState, useEffect } from 'react';
import { Link as GatsbyLink } from 'gatsby';
import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';
import styled from '@emotion/styled';

If distinctGroup is true, I get this: -

import React, { useState, useEffect } from 'react';

import { Link as GatsbyLink } from 'gatsby';

import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';

import styled from '@emotion/styled';

What I want to achieve: -

import React, { useState, useEffect } from 'react';
import { Link as GatsbyLink } from 'gatsby';

import { CloseIcon, ChevronDownIcon, ArrowBackIcon, ChevronRightIcon } from '@chakra-ui/icons';
import styled from '@emotion/styled';

Basically, I want to group style related libraries together, however all should belong to same external group.
Maybe an option like this can be included: -

pathGroups: [
   {
     pattern: 'react**',
     group: 'external',
     position: 'before',
   },
   {
     pattern: 'gatsby**',
     group: 'external',
     position: 'before',
   },
   {
     pattern: '@chakra-ui/**',
     group: 'external',
     position: 'after',
     isDistinct: true,  // This flag would indicate breaking into separate group for this and subsequent patterns for the same group type.
   },
   {
     pattern: '@emotion/**',
     group: 'external',
     position: 'after',
   },
 ],

Or anything else.
TIA for any help.