Selecting option from Mantine Select

commands.ts

/* eslint-disable @typescript-eslint/no-namespace */
/// <reference types="cypress" />

declare global {
  namespace Cypress {
    interface Chainable {
      selectMantine(
        optionText: string,
        options?: Partial<
          Cypress.Loggable &
          Cypress.Timeoutable &
          Cypress.Withinable &
          Cypress.Shadow
        >
      ): Chainable<JQuery<HTMLElement>>;
    }
  }
}

Cypress.Commands.add('selectMantine', { prevSubject: true }, (subject, optionText, options) => {
  cy.wrap(subject).get('input.mantine-Select-input').click();
  cy.wrap(subject).get('label.mantine-Select-label').then((label) => {
    cy.get(`[aria-labelledby="${label.attr('id')}"].mantine-Select-options .mantine-Select-option`, options)
      .contains(optionText).click();
  });

  return cy.wrap(subject).get('input.mantine-Select-input');
});