Explict imports & exports with type modifier (#3774)

packages/cli/src/ui/themes/no-color.ts

@@ -4,8 +4,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import { Theme, ColorsTheme } from './theme.js';
-import { SemanticColors } from './semantic-tokens.js';
+import type { ColorsTheme } from './theme.js';
+import { Theme } from './theme.js';
+import type { SemanticColors } from './semantic-tokens.js';
 
 const noColorColorsTheme: ColorsTheme = {
   type: 'ansi',

packages/cli/src/ui/themes/theme-manager.test.ts

@@ -11,7 +11,7 @@ if (process.env['NO_COLOR'] !== undefined) {
 
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
 import { themeManager, DEFAULT_THEME } from './theme-manager.js';
-import { CustomTheme } from './theme.js';
+import type { CustomTheme } from './theme.js';
 import * as fs from 'node:fs';
 import * as os from 'node:os';
 import type * as osActual from 'node:os';

packages/cli/src/ui/themes/theme-manager.ts

@@ -18,14 +18,9 @@ import { XCode } from './xcode.js';
 import * as fs from 'node:fs';
 import * as path from 'node:path';
 import * as os from 'node:os';
-import {
-  Theme,
-  ThemeType,
-  CustomTheme,
-  createCustomTheme,
-  validateCustomTheme,
-} from './theme.js';
-import { SemanticColors } from './semantic-tokens.js';
+import type { Theme, ThemeType, CustomTheme } from './theme.js';
+import { createCustomTheme, validateCustomTheme } from './theme.js';
+import type { SemanticColors } from './semantic-tokens.js';
 import { ANSI } from './ansi.js';
 import { ANSILight } from './ansi-light.js';
 import { NoColorTheme } from './no-color.js';

packages/cli/src/ui/themes/theme.ts

@@ -5,7 +5,7 @@
  */
 
 import type { CSSProperties } from 'react';
-import { SemanticColors } from './semantic-tokens.js';
+import type { SemanticColors } from './semantic-tokens.js';
 import { resolveColor } from './color-utils.js';
 
 export type ThemeType = 'light' | 'dark' | 'ansi' | 'custom';