import { type tokens } from '@channel.io/bezier-tokens'

import {
  type ExtractKeys,
  type RemovePrefix,
  type StartsWithPrefix,
} from './utils'

// TODO: Change theme name constant to import from bezier-tokens
export type ThemeName = 'light' | 'dark'

export type GlobalToken = typeof tokens.global
export type SemanticToken = typeof tokens.lightTheme | typeof tokens.darkTheme

export type FlattenGlobalToken = ExtractKeys<GlobalToken[keyof GlobalToken]>
export type FlattenSemanticToken = ExtractKeys<
  SemanticToken[keyof SemanticToken]
>
export type FlattenAllToken = FlattenGlobalToken | FlattenSemanticToken

export type GlobalColor = keyof GlobalToken['color']
export type Font = RemovePrefix<'font', keyof GlobalToken['font']>
export type Opacity = RemovePrefix<'opacity', keyof GlobalToken['opacity']>
export type Radius = RemovePrefix<'radius', keyof GlobalToken['radius']>
export type Transition = RemovePrefix<
  'transition',
  keyof GlobalToken['transition']
>
export type ZIndex = RemovePrefix<'z-index', keyof GlobalToken['z-index']>

export type SemanticColor = keyof SemanticToken['color']
export type BackgroundSemanticColor = StartsWithPrefix<'bg', SemanticColor>
export type BackgroundTextSemanticColor = StartsWithPrefix<
  'bgtxt',
  SemanticColor
>
export type TextSemanticColor = StartsWithPrefix<'txt', SemanticColor>
export type BorderSemanticColor = StartsWithPrefix<'bdr', SemanticColor>
export type ShadowSemanticColor = StartsWithPrefix<'shdw', SemanticColor>

export type Elevation = Exclude<
  RemovePrefix<'ev', keyof SemanticToken['elevation']>,
  'base' | 'inner'
>
export type InputShadow = RemovePrefix<'input', keyof SemanticToken['input']>