feat: 第一个可以用的 ink 组件抽象 (#158)

src/components/ThemePicker.tsx

@@ -2,13 +2,7 @@ import { feature } from 'bun:bundle'
 import * as React from 'react'
 import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js'
 import { useTerminalSize } from '../hooks/useTerminalSize.js'
-import {
-  Box,
-  Text,
-  usePreviewTheme,
-  useTheme,
-  useThemeSetting,
-} from '../ink.js'
+import { Box, Text, usePreviewTheme, useTheme, useThemeSetting } from '@anthropic/ink'
 import { useRegisterKeybindingContext } from '../keybindings/KeybindingContext.js'
 import { useKeybinding } from '../keybindings/useKeybinding.js'
 import { useShortcutDisplay } from '../keybindings/useShortcutDisplay.js'
@@ -17,8 +11,7 @@ import { gracefulShutdown } from '../utils/gracefulShutdown.js'
 import { updateSettingsForSource } from '../utils/settings/settings.js'
 import type { ThemeSetting } from '../utils/theme.js'
 import { Select } from './CustomSelect/index.js'
-import { Byline } from './design-system/Byline.js'
-import { KeyboardShortcutHint } from './design-system/KeyboardShortcutHint.js'
+import { Byline, KeyboardShortcutHint } from '@anthropic/ink'
 import {
   getColorModuleUnavailableReason,
   getSyntaxTheme,