fix: lint

src/components/checkbox/checkbox-group/checkbox-group.ts

@@ -13,8 +13,8 @@ import {
 } from '../../core/controllers/index.js';
 import type { SbbHorizontalFrom, SbbOrientation } from '../../core/interfaces/index.js';
 import { SbbDisabledMixin } from '../../core/mixins/index.js';
-import type { SbbCheckboxPanelElement } from '../checkbox-panel';
 import type { SbbCheckboxElement, SbbCheckboxSize } from '../checkbox/index.js';
+import type { SbbCheckboxPanelElement } from '../checkbox-panel/index.js';
 
 import style from './checkbox-group.scss?lit&inline';
 

src/components/checkbox/checkbox-panel/checkbox-panel.e2e.ts

@@ -3,12 +3,12 @@ import { a11ySnapshot, sendKeys } from '@web/test-runner-commands';
 import { html } from 'lit/static-html.js';
 import type { Context } from 'mocha';
 
-import { isChromium, isFirefox } from '../../core/dom';
-import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing';
-import { fixture } from '../../core/testing/private';
-import type { SbbVisualCheckboxElement } from '../../visual-checkbox';
+import { isChromium, isFirefox } from '../../core/dom/index.js';
+import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing/index.js';
+import { fixture } from '../../core/testing/private/index.js';
+import type { SbbVisualCheckboxElement } from '../../visual-checkbox/index.js';
 
-import { SbbCheckboxPanelElement } from './checkbox-panel';
+import { SbbCheckboxPanelElement } from './checkbox-panel.js';
 
 interface CheckboxAccessibilitySnapshot {
   checked: boolean;

src/components/checkbox/checkbox-panel/checkbox-panel.spec.ts

@@ -1,9 +1,9 @@
 import { assert, expect } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 
-import { fixture, testA11yTreeSnapshot } from '../../core/testing/private';
+import { fixture, testA11yTreeSnapshot } from '../../core/testing/private/index.js';
 
-import { SbbCheckboxPanelElement } from './checkbox-panel';
+import { SbbCheckboxPanelElement } from './checkbox-panel.js';
 
 describe('sbb-checkbox-panel', () => {
   let element: SbbCheckboxPanelElement;

src/components/checkbox/checkbox-panel/checkbox-panel.stories.ts

@@ -3,12 +3,12 @@ import type { InputType } from '@storybook/types';
 import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components';
 import { html, type TemplateResult } from 'lit';
 
-import { sbbSpread } from '../../../storybook/helpers/spread';
+import { sbbSpread } from '../../../storybook/helpers/spread.js';
 
-import '../../button';
-import '../../card';
-import '../../icon';
-import './checkbox-panel';
+import '../../button/index.js';
+import '../../card/index.js';
+import '../../icon/index.js';
+import './checkbox-panel.js';
 
 import readme from './readme.md?raw';
 

src/components/checkbox/checkbox-panel/checkbox-panel.ts

@@ -7,20 +7,20 @@ import {
 } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 
-import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers';
-import { EventEmitter } from '../../core/eventing';
-import { i18nCollapsed, i18nExpanded } from '../../core/i18n';
-import { SbbUpdateSchedulerMixin } from '../../core/mixins';
-import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel';
+import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers/index.js';
+import { EventEmitter } from '../../core/eventing/index.js';
+import { i18nCollapsed, i18nExpanded } from '../../core/i18n/index.js';
+import { SbbUpdateSchedulerMixin } from '../../core/mixins/index.js';
+import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js';
 import {
   SbbCheckboxCommonElementMixin,
   checkboxPanelStyle,
   commonStyle,
   type SbbCheckboxStateChange,
-} from '../common';
+} from '../common/index.js';
 
-import '../../screen-reader-only';
-import '../../visual-checkbox';
+import '../../screen-reader-only/index.js';
+import '../../visual-checkbox/index.js';
 
 /**
  * Describe the purpose of the component with a single short sentence.

src/components/checkbox/checkbox-panel/index.ts

@@ -1 +1 @@
-export * from './checkbox-panel';
+export * from './checkbox-panel.js';

src/components/checkbox/checkbox/checkbox.ts

@@ -3,10 +3,8 @@ import { customElement, property } from 'lit/decorators.js';
 
 import { SbbSlotStateController } from '../../core/controllers/index.js';
 import { EventEmitter } from '../../core/eventing/index.js';
-import { SbbCheckboxCommonElementMixin } from '../common';
 import commonStyle from '../common/checkbox-common.scss?lit&inline';
-
-import { checkboxStyle } from '../common';
+import { SbbCheckboxCommonElementMixin, checkboxStyle } from '../common/index.js';
 
 import '../../screen-reader-only/index.js';
 import '../../visual-checkbox/index.js';

src/components/checkbox/common/checkbox-common.ts

@@ -6,7 +6,7 @@ import type {
   SbbDisabledStateChange,
   SbbIconPlacement,
   SbbStateChange,
-} from '../../core/interfaces';
+} from '../../core/interfaces/index.js';
 import {
   SbbFormAssociatedCheckboxMixin,
   SbbHydrationMixin,
@@ -15,9 +15,9 @@ import {
   type SbbFormAssociatedCheckboxMixinType,
   type SbbHydrationMixinType,
   type SbbRequiredMixinType,
-} from '../../core/mixins';
-import { SbbIconNameMixin, type SbbIconNameMixinType } from '../../icon';
-import type { SbbCheckboxGroupElement } from '../checkbox-group';
+} from '../../core/mixins/index.js';
+import { SbbIconNameMixin, type SbbIconNameMixinType } from '../../icon/index.js';
+import type { SbbCheckboxGroupElement } from '../checkbox-group/index.js';
 
 export type SbbCheckboxStateChange = Extract<
   SbbStateChange,

src/components/checkbox/common/index.ts

@@ -1,4 +1,4 @@
-export * from './checkbox-common';
+export * from './checkbox-common.js';
 
 export { default as commonStyle } from './checkbox-common.scss?lit&inline';
 export { default as checkboxPanelStyle } from './checkbox-panel.scss?lit&inline';

src/components/radio-button/common/index.ts

@@ -1,4 +1,4 @@
-export * from './radio-button-common';
+export * from './radio-button-common.js';
 
 export { default as commonStyle } from './radio-button-common.scss?lit&inline';
 export { default as radioButtonPanelStyle } from './radio-button-panel.scss?lit&inline';

src/components/radio-button/common/radio-button-common.ts

@@ -1,16 +1,16 @@
 import type { LitElement, PropertyValues } from 'lit';
 import { property } from 'lit/decorators.js';
 
-import { SbbConnectedAbortController } from '../../core/controllers';
-import { hostAttributes } from '../../core/decorators';
-import { HandlerRepository, formElementHandlerAspect } from '../../core/eventing';
+import { SbbConnectedAbortController } from '../../core/controllers/index.js';
+import { hostAttributes } from '../../core/decorators/index.js';
+import { HandlerRepository, formElementHandlerAspect } from '../../core/eventing/index.js';
 import type {
   SbbCheckedStateChange,
   SbbDisabledStateChange,
   SbbStateChange,
-} from '../../core/interfaces';
-import type { AbstractConstructor } from '../../core/mixins';
-import type { SbbRadioButtonGroupElement } from '../radio-button-group';
+} from '../../core/interfaces/index.js';
+import type { AbstractConstructor } from '../../core/mixins/index.js';
+import type { SbbRadioButtonGroupElement } from '../radio-button-group/index.js';
 
 export type SbbRadioButtonStateChange = Extract<
   SbbStateChange,

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

@@ -15,10 +15,10 @@ import type {
   SbbStateChange,
 } from '../../core/interfaces/index.js';
 import { SbbDisabledMixin } from '../../core/mixins/index.js';
-import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel';
-import type { SbbRadioButtonStateChange } from '../common';
-import type { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button';
-import type { SbbRadioButtonPanelElement } from '../radio-button-panel';
+import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js';
+import type { SbbRadioButtonStateChange } from '../common/index.js';
+import type { SbbRadioButtonElement, SbbRadioButtonSize } from '../radio-button/index.js';
+import type { SbbRadioButtonPanelElement } from '../radio-button-panel/index.js';
 
 import style from './radio-button-group.scss?lit&inline';
 

src/components/radio-button/radio-button-panel/index.ts

@@ -1 +1 @@
-export * from './radio-button-panel';
+export * from './radio-button-panel.js';

src/components/radio-button/radio-button-panel/radio-button-panel.e2e.ts

@@ -2,12 +2,12 @@ import { assert, expect, fixture } from '@open-wc/testing';
 import { sendKeys } from '@web/test-runner-commands';
 import { html } from 'lit/static-html.js';
 
-import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing';
-import { SbbRadioButtonGroupElement } from '../radio-button-group';
+import { EventSpy, waitForCondition, waitForLitRender } from '../../core/testing/index.js';
+import { SbbRadioButtonGroupElement } from '../radio-button-group/index.js';
 
-import type { SbbRadioButtonPanelElement } from './radio-button-panel';
+import type { SbbRadioButtonPanelElement } from './radio-button-panel.js';
 
-import '../index';
+import '../index.js';
 
 describe('sbb-radio-button-panel', () => {
   let element: SbbRadioButtonGroupElement;

src/components/radio-button/radio-button-panel/radio-button-panel.spec.ts

@@ -1,9 +1,9 @@
 import { assert, expect } from '@open-wc/testing';
 import { html } from 'lit/static-html.js';
 
-import { fixture, testA11yTreeSnapshot } from '../../core/testing/private';
+import { fixture, testA11yTreeSnapshot } from '../../core/testing/private/index.js';
 
-import { SbbRadioButtonPanelElement } from './radio-button-panel';
+import { SbbRadioButtonPanelElement } from './radio-button-panel.js';
 
 describe('sbb-radio-button-panel', () => {
   let element: SbbRadioButtonPanelElement;

src/components/radio-button/radio-button-panel/radio-button-panel.stories.ts

@@ -3,9 +3,9 @@ import type { InputType } from '@storybook/types';
 import type { Args, ArgTypes, Decorator, Meta, StoryObj } from '@storybook/web-components';
 import { html, type TemplateResult } from 'lit';
 
-import { sbbSpread } from '../../../storybook/helpers/spread';
+import { sbbSpread } from '../../../storybook/helpers/spread.js';
 
-import { SbbRadioButtonPanelElement } from './radio-button-panel';
+import { SbbRadioButtonPanelElement } from './radio-button-panel.js';
 import readme from './readme.md?raw';
 
 const value: InputType = {

src/components/radio-button/radio-button-panel/radio-button-panel.ts

@@ -1,20 +1,20 @@
 import { LitElement, html, nothing, type CSSResultGroup, type TemplateResult } from 'lit';
 import { customElement, state } from 'lit/decorators.js';
 
-import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers';
-import { setAttribute } from '../../core/dom';
-import { EventEmitter } from '../../core/eventing';
-import { i18nCollapsed, i18nExpanded } from '../../core/i18n';
-import { SbbUpdateSchedulerMixin } from '../../core/mixins';
-import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel';
+import { SbbLanguageController, SbbSlotStateController } from '../../core/controllers/index.js';
+import { setAttribute } from '../../core/dom/index.js';
+import { EventEmitter } from '../../core/eventing/index.js';
+import { i18nCollapsed, i18nExpanded } from '../../core/i18n/index.js';
+import { SbbUpdateSchedulerMixin } from '../../core/mixins/index.js';
+import type { SbbSelectionExpansionPanelElement } from '../../selection-expansion-panel/index.js';
 import {
   SbbRadioButtonCommonElementMixin,
   commonStyle,
   radioButtonPanelStyle,
   type SbbRadioButtonStateChange,
-} from '../common';
+} from '../common/index.js';
 
-import '../../screen-reader-only';
+import '../../screen-reader-only/index.js';
 
 /**
  /**

src/components/radio-button/radio-button/radio-button.ts

@@ -5,13 +5,12 @@ import { customElement, property } from 'lit/decorators.js';
 import { SbbSlotStateController } from '../../core/controllers/index.js';
 import { setAttribute } from '../../core/dom/index.js';
 import { EventEmitter } from '../../core/eventing/index.js';
-
-import { SbbRadioButtonCommonElementMixin, type SbbRadioButtonStateChange } from '../common';
-import commonStyle from '../common/radio-button-common.scss?lit&inline';
-
+import { radioButtonStyle } from '../common/index.js';
 import {
-  radioButtonStyle
-} from '../common';
+  SbbRadioButtonCommonElementMixin,
+  type SbbRadioButtonStateChange,
+} from '../common/index.js';
+import commonStyle from '../common/radio-button-common.scss?lit&inline';
 
 export type SbbRadioButtonSize = 's' | 'm';
 

src/components/selection-expansion-panel/index.ts

@@ -1 +1 @@
-export * from './selection-expansion-panel';
+export * from './selection-expansion-panel.js';

src/components/selection-expansion-panel/selection-expansion-panel.e2e.ts

@@ -3,19 +3,19 @@ import { sendKeys } from '@web/test-runner-commands';
 import type { TemplateResult } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 
-import type { SbbCheckboxGroupElement } from '../checkbox/index.js';
-import { SbbCheckboxElement } from '../checkbox/index.js';
+import type { SbbCheckboxElement, SbbCheckboxGroupElement } from '../checkbox/index.js';
+import { SbbCheckboxPanelElement } from '../checkbox/index.js';
 import { EventSpy, waitForCondition, waitForLitRender } from '../core/testing/index.js';
 import { fixture } from '../core/testing/private/index.js';
-import type { SbbRadioButtonGroupElement } from '../radio-button/index.js';
-import { SbbRadioButtonElement } from '../radio-button/index.js';
+import type {
+  SbbRadioButtonGroupElement,
+  SbbRadioButtonElement,
+  SbbRadioButtonPanelElement,
+} from '../radio-button/index.js';
 
-import { SbbCheckboxPanelElement } from '../checkbox';
 import '../link/block-link-button/index.js';
-import { SbbRadioButtonPanelElement } from '../radio-button/index.js';
 
-import '../link/block-link-button';
-import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel';
+import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js';
 
 describe(`sbb-selection-expansion-panel with ${fixture.name}`, () => {
   let elements: SbbSelectionExpansionPanelElement[];

src/components/selection-expansion-panel/selection-expansion-panel.spec.ts

@@ -5,14 +5,11 @@ import { fixture, testA11yTreeSnapshot } from '../core/testing/private/index.js'
 
 import '../card/card-badge/index.js';
 import '../checkbox/index.js';
-import './selection-panel.js';
 
-import type { SbbSelectionExpansionPanelElement } from './selection-expansion-panel';
+import type { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js';
 
-import '../card/card-badge';
-import '../checkbox/checkbox-panel';
-import './selection-expansion-panel';
-import './selection-panel';
+import '../checkbox/checkbox-panel/index.js';
+import './selection-expansion-panel.js';
 
 describe(`sbb-selection-expansion-panel`, () => {
   let element: SbbSelectionExpansionPanelElement;

src/components/selection-expansion-panel/selection-expansion-panel.stories.ts

@@ -24,7 +24,7 @@ import '../popover/index.js';
 import '../radio-button/index.js';
 import '../title/index.js';
 import readme from './readme.md?raw';
-import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel';
+import { SbbSelectionExpansionPanelElement } from './selection-expansion-panel.js';
 
 const color: InputType = {
   control: {

src/components/selection-expansion-panel/selection-expansion-panel.ts

@@ -2,11 +2,11 @@ import type { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
 import { LitElement, html } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 
-import type { SbbCheckboxPanelElement } from '../checkbox';
+import type { SbbCheckboxPanelElement } from '../checkbox/index.js';
 import { SbbConnectedAbortController, SbbSlotStateController } from '../core/controllers/index.js';
 import { EventEmitter } from '../core/eventing/index.js';
 import type { SbbOpenedClosedState, SbbStateChange } from '../core/interfaces/index.js';
-import type { SbbRadioButtonPanelElement } from '../radio-button';
+import type { SbbRadioButtonPanelElement } from '../radio-button/index.js';
 
 import style from './selection-expansion-panel.scss?lit&inline';