chore: Configured Biome import organization assist (#1751)

The entry point of the package is ignored in the
configuration since Biome makes it a mess.

Author: rkaraivanov

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';