chore: Configured Biome import organization assist

biome.json

@@ -7,7 +7,14 @@
     "clientKind": "git",
     "useIgnoreFile": true
   },
-  "assist": { "actions": { "source": { "organizeImports": "on" } } },
+  "assist": {
+    "includes": ["src/**/*.ts", "/stories/**/*.ts", "!src/index.ts"],
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  },
   "formatter": {
     "enabled": false
   },
@@ -24,7 +31,10 @@
         "noUnusedFunctionParameters": "error",
         "noUnusedImports": "error",
         "noUnusedPrivateClassMembers": "error",
-        "useImportExtensions": "error"
+        "useImportExtensions": {
+          "level": "error",
+          "options": { "forceJsExtensions": true }
+        }
       },
       "style": {
         "noNamespace": "error",

src/animations/player.spec.ts

@@ -5,7 +5,7 @@ import {
   html,
   unsafeStatic,
 } from '@open-wc/testing';
-import { LitElement, css } from 'lit';
+import { css, LitElement } from 'lit';
 
 import { EaseOut } from './easings.js';
 import { addAnimationController } from './player.js';

src/components/accordion/accordion.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property, queryAssignedElements } from 'lit/decorators.js';
 
 import {

src/components/avatar/avatar.ts

@@ -1,4 +1,4 @@
-import { LitElement, html, nothing } from 'lit';
+import { html, LitElement, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 

src/components/badge/badge.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 
 import { themes } from '../../theming/theming-decorator.js';

src/components/banner/banner.ts

@@ -1,6 +1,6 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { type Ref, createRef, ref } from 'lit/directives/ref.js';
+import { createRef, type Ref, ref } from 'lit/directives/ref.js';
 
 import { addAnimationController } from '../../animations/player.js';
 import { growVerIn, growVerOut } from '../../animations/presets/grow/index.js';

src/components/button-group/button-group.spec.ts

@@ -8,9 +8,9 @@ import {
 import { spy } from 'sinon';
 
 import {
+  defineComponents,
   IgcButtonGroupComponent,
   IgcToggleButtonComponent,
-  defineComponents,
 } from '../../index.js';
 
 describe('Button Group', () => {

src/components/button-group/button-group.ts

@@ -1,10 +1,10 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property, queryAssignedElements } from 'lit/decorators.js';
 
 import { themes } from '../../theming/theming-decorator.js';
 import {
-  type MutationControllerParams,
   createMutationController,
+  type MutationControllerParams,
 } from '../common/controllers/mutation-observer.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';

src/components/button-group/toggle-button.spec.ts

@@ -6,7 +6,7 @@ import {
   unsafeStatic,
 } from '@open-wc/testing';
 
-import { IgcToggleButtonComponent, defineComponents } from '../../index.js';
+import { defineComponents, IgcToggleButtonComponent } from '../../index.js';
 
 describe('Toggle Button', () => {
   before(() => {

src/components/button-group/toggle-button.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
 
 import { themes } from '../../theming/theming-decorator.js';

src/components/button/button-base.ts

@@ -1,11 +1,10 @@
-import { LitElement, type TemplateResult, html, nothing } from 'lit';
+import { html, LitElement, nothing, type TemplateResult } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-
-import { EventEmitterMixin } from '../common//mixins/event-emitter.js';
 import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';
 import type { Constructor } from '../common/mixins/constructor.js';
+import { EventEmitterMixin } from '../common//mixins/event-emitter.js';
 import { partMap } from '../common/part-map.js';
 
 export interface IgcButtonEventMap {

src/components/button/icon-button.spec.ts

@@ -6,7 +6,7 @@ import {
   unsafeStatic,
 } from '@open-wc/testing';
 
-import { IgcIconButtonComponent, defineComponents } from '../../index.js';
+import { defineComponents, IgcIconButtonComponent } from '../../index.js';
 
 describe('IconButton component', () => {
   before(() => {

src/components/button/icon-button.ts

@@ -7,8 +7,8 @@ import { blazorInclude } from '../common/decorators/blazorInclude.js';
 import { registerComponent } from '../common/definitions/register.js';
 import IgcIconComponent from '../icon/icon.js';
 import {
-  registerIconFromText as registerIconFromText_impl,
   registerIcon as registerIcon_impl,
+  registerIconFromText as registerIconFromText_impl,
 } from '../icon/icon.registry.js';
 import type { IconButtonVariant } from '../types.js';
 import { IgcButtonBaseComponent } from './button-base.js';

src/components/calendar/calendar-keyboard-navigation.spec.ts

@@ -18,8 +18,8 @@ import { asNumber, first } from '../common/util.js';
 import { simulateClick, simulateKeyboard } from '../common/utils.spec.js';
 import IgcCalendarComponent from './calendar.js';
 import type IgcDaysViewComponent from './days-view/days-view.js';
-import { MONTHS_PER_ROW, YEARS_PER_ROW, getYearRange } from './helpers.js';
-import { getCalendarDOM, getDOMDate, getDayViewDOM } from './helpers.spec.js';
+import { getYearRange, MONTHS_PER_ROW, YEARS_PER_ROW } from './helpers.js';
+import { getCalendarDOM, getDayViewDOM, getDOMDate } from './helpers.spec.js';
 import { CalendarDay } from './model.js';
 import type IgcMonthsViewComponent from './months-view/months-view.js';
 import { DateRangeType } from './types.js';

src/components/calendar/calendar-rendering.spec.ts

@@ -4,7 +4,7 @@ import type { TemplateResult } from 'lit';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import { first } from '../common/util.js';
 import IgcCalendarComponent from './calendar.js';
-import { getCalendarDOM, getDOMDate, getDayViewDOM } from './helpers.spec.js';
+import { getCalendarDOM, getDayViewDOM, getDOMDate } from './helpers.spec.js';
 import { CalendarDay } from './model.js';
 import { type DateRangeDescriptor, DateRangeType } from './types.js';
 

src/components/calendar/calendar.interaction.spec.ts

@@ -1,7 +1,7 @@
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
 import { spy } from 'sinon';
 
-import { IgcCalendarComponent, defineComponents } from '../../index.js';
+import { defineComponents, IgcCalendarComponent } from '../../index.js';
 import { first, last } from '../common/util.js';
 import { simulateClick } from '../common/utils.spec.js';
 import type IgcDaysViewComponent from './days-view/days-view.js';
@@ -11,7 +11,7 @@ import {
   getWeekDayNumber,
   isDateInRanges,
 } from './helpers.js';
-import { getCalendarDOM, getDOMDate, getDayViewDOM } from './helpers.spec.js';
+import { getCalendarDOM, getDayViewDOM, getDOMDate } from './helpers.spec.js';
 import { CalendarDay } from './model.js';
 import { type DateRangeDescriptor, DateRangeType } from './types.js';
 

src/components/calendar/calendar.ts

@@ -1,7 +1,7 @@
 import { html, nothing } from 'lit';
 import { property, query, queryAll, state } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
-import { type Ref, createRef, ref } from 'lit/directives/ref.js';
+import { createRef, type Ref, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
 import { themes } from '../../theming/theming-decorator.js';
@@ -36,12 +36,12 @@ import type { ContentOrientation } from '../types.js';
 import { IgcCalendarBaseComponent } from './base.js';
 import IgcDaysViewComponent from './days-view/days-view.js';
 import {
-  MONTHS_PER_ROW,
-  YEARS_PER_PAGE,
-  YEARS_PER_ROW,
   areSameMonth,
   getYearRange,
   isDateInRanges,
+  MONTHS_PER_ROW,
+  YEARS_PER_PAGE,
+  YEARS_PER_ROW,
 } from './helpers.js';
 import { CalendarDay } from './model.js';
 import IgcMonthsViewComponent from './months-view/months-view.js';

src/components/calendar/days-view/days-view.ts

@@ -24,8 +24,8 @@ import {
   isPreviousMonth,
 } from '../helpers.js';
 import { CalendarDay, daysInWeek } from '../model.js';
-import { styles } from '../themes/days-view.base.css.js';
 import { all } from '../themes/days.js';
+import { styles } from '../themes/days-view.base.css.js';
 import { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';
 
 export interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {

src/components/calendar/months-view/months-view.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { range } from 'lit/directives/range.js';
 
@@ -13,10 +13,10 @@ import type { Constructor } from '../../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
 import { chunk } from '../../common/util.js';
-import { MONTHS_PER_ROW, areSameMonth, getViewElement } from '../helpers.js';
+import { areSameMonth, getViewElement, MONTHS_PER_ROW } from '../helpers.js';
 import { CalendarDay } from '../model.js';
-import { styles } from '../themes/year-month-view.base.css.js';
 import { all } from '../themes/year-month.js';
+import { styles } from '../themes/year-month-view.base.css.js';
 import type { IgcCalendarComponentEventMap } from '../types.js';
 
 /**

src/components/calendar/years-view/years-view.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { range } from 'lit/directives/range.js';
 
@@ -11,10 +11,10 @@ import type { Constructor } from '../../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
 import { chunk } from '../../common/util.js';
-import { YEARS_PER_ROW, getViewElement, getYearRange } from '../helpers.js';
+import { getViewElement, getYearRange, YEARS_PER_ROW } from '../helpers.js';
 import { CalendarDay } from '../model.js';
-import { styles } from '../themes/year-month-view.base.css.js';
 import { all } from '../themes/year-month.js';
+import { styles } from '../themes/year-month-view.base.css.js';
 import type { IgcCalendarComponentEventMap } from '../types.js';
 
 /**

src/components/card/card.actions.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 
 import { themes } from '../../theming/theming-decorator.js';

src/components/card/card.content.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';

src/components/card/card.header.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';

src/components/card/card.media.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/card.media.base.css.js';

src/components/card/card.spec.ts

@@ -1,6 +1,6 @@
 import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
 
-import { IgcCardComponent, defineComponents } from '../../index.js';
+import { defineComponents, IgcCardComponent } from '../../index.js';
 
 describe('Card Component', () => {
   before(() => {

src/components/card/card.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 
 import { themes } from '../../theming/theming-decorator.js';

src/components/carousel/carousel-indicator-container.spec.ts

@@ -8,8 +8,8 @@ import {
   simulateKeyboard,
   simulatePointerDown,
 } from '../common/utils.spec.js';
-import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselIndicatorComponent from './carousel-indicator.js';
+import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 
 describe('Carousel Indicator Container', () => {
   before(() => {

src/components/carousel/carousel-indicator-container.ts

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { themes } from '../../theming/theming-decorator.js';
 import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { registerComponent } from '../common/definitions/register.js';

src/components/carousel/carousel-indicator.ts

@@ -1,5 +1,5 @@
 import { consume } from '@lit/context';
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { carouselContext } from '../common/context.js';

src/components/carousel/carousel-slide.ts

@@ -1,5 +1,5 @@
 import { consume } from '@lit/context';
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 
 import { EaseInOut } from '../../animations/easings.js';

src/components/carousel/carousel.spec.ts

@@ -27,9 +27,9 @@ import {
   simulatePointerDown,
   simulatePointerMove,
 } from '../common/utils.spec.js';
+import IgcCarouselComponent from './carousel.js';
 import IgcCarouselIndicatorComponent from './carousel-indicator.js';
 import IgcCarouselSlideComponent from './carousel-slide.js';
-import IgcCarouselComponent from './carousel.js';
 
 describe('Carousel', () => {
   before(() => {

src/components/carousel/carousel.ts

@@ -1,5 +1,5 @@
 import { ContextProvider } from '@lit/context';
-import { LitElement, html, nothing } from 'lit';
+import { html, LitElement, nothing } from 'lit';
 import {
   property,
   queryAll,
@@ -13,8 +13,8 @@ import { themes } from '../../theming/theming-decorator.js';
 import IgcButtonComponent from '../button/button.js';
 import { carouselContext } from '../common/context.js';
 import {
-  type SwipeEvent,
   addGesturesController,
+  type SwipeEvent,
 } from '../common/controllers/gestures.js';
 import {
   addKeybindings,
@@ -24,8 +24,8 @@ import {
   homeKey,
 } from '../common/controllers/key-bindings.js';
 import {
-  type MutationControllerParams,
   createMutationController,
+  type MutationControllerParams,
 } from '../common/controllers/mutation-observer.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
@@ -47,8 +47,8 @@ import type {
   CarouselIndicatorsOrientation,
   HorizontalTransitionAnimation,
 } from '../types.js';
-import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselIndicatorComponent from './carousel-indicator.js';
+import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselSlideComponent from './carousel-slide.js';
 import { styles } from './themes/carousel.base.css.js';
 import { all } from './themes/container.js';

src/components/checkbox/checkbox-base.ts

@@ -7,9 +7,9 @@ import type { Constructor } from '../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedCheckboxRequiredMixin } from '../common/mixins/forms/associated-required.js';
 import {
-  type FormValueOf,
   createFormValueState,
   defaultBooleanTransformers,
+  type FormValueOf,
 } from '../common/mixins/forms/form-value.js';
 import { isEmpty } from '../common/util.js';
 import type { ToggleLabelPosition } from '../types.js';

src/components/checkbox/checkbox.spec.ts

@@ -8,10 +8,10 @@ import {
 import { spy } from 'sinon';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import {
-  type ValidationContainerTestsParams,
   createFormAssociatedTestBed,
   isFocused,
   runValidationContainerTests,
+  type ValidationContainerTestsParams,
 } from '../common/utils.spec.js';
 import IgcCheckboxComponent from './checkbox.js';