export interface HuiThemesExpressiveness {
  linkStyle: string
  linkHoverStyle: string
  dropdownBoxShadow: string
  scrollerStart: string
  scrollerEnd: string
  shadowSmallest: string
  shadowExtraSmall: string
  shadowSmall: string
  shadowMedium: string
  shadowLarge: string
  shadowHover: string
  shadowSticky: string
  portalOpacity: number
}
export interface HuiThemesLayout {
  gap: string
  gapDouble: string
  gapNegative: string
  gapHalf: string
  gapHalfNegative: string
  gapQuarter: string
  gapQuarterNegative: string
  pageMargin: string
  pageWidth: string
  contentWidth: string
  pageWidthWithMargin: string
  breakpointMobile: string
  breakpointTablet: string
  radiusSmall: string
  radius: string
  unit: string
}

export interface HuiPaletteScale {
  1: string
  2: string
  3: string
  4: string
  5: string
  6: string
  7: string
  8: string
  9: string
  10: string
  11: string
  12: string
}

export interface HuiThemesPaletteGlobal {
  base: {
    black: string
    white: string
  }
  grayscale: HuiPaletteScale
}

export interface HuiThemesPaletteBrand {
  primary: HuiPaletteScale
}
export interface HuiThemesPaletteSystem {
  error: HuiPaletteScale
  info: HuiPaletteScale
  success: HuiPaletteScale
  warn: HuiPaletteScale
}

export interface HuiThemesPalette {
  global: HuiThemesPaletteGlobal
  brand: HuiThemesPaletteBrand
  system: HuiThemesPaletteSystem

  accents_1: string
  accents_2: string
  accents_3: string
  accents_4: string
  accents_5: string
  accents_6: string
  accents_7: string
  accents_8: string
  accents_9: string
  accents_10: string
  accents_11: string
  accents_12: string

  background: string
  foreground: string
  selection: string
  secondary: string
  code: string
  border: string
  success: string
  successLighter: string
  successLight: string
  successDark: string
  error: string
  errorLighter: string
  errorLight: string
  errorDark: string
  warning: string
  warningLighter: string
  warningLight: string
  warningDark: string
  viridian: string
  viridianLighter: string
  viridianLight: string
  viridianDark: string
  violet: string
  violetLighter: string
  violetLight: string
  violetDark: string
  link: string
  purple: string
  magenta: string
  alert: string
}

export interface HuiThemesExpressiveness {
  linkStyle: string
  linkHoverStyle: string
  dropdownBoxShadow: string
  scrollerStart: string
  scrollerEnd: string
  shadowSmall: string
  shadowMedium: string
  shadowLarge: string
  portalOpacity: number
}

export interface HuiThemesLayout {
  gap: string
  gapNegative: string
  gapHalf: string
  gapHalfNegative: string
  gapQuarter: string
  gapQuarterNegative: string
  pageMargin: string
  pageWidth: string
  pageWidthWithMargin: string
  breakpointMobile: string
  breakpointTablet: string
  radius: string
  unit: string
}

export interface HuiThemesFont {
  sans: string
  mono: string
  lineHeights: HuiLineHeights
  letterSpacings: HuiLetterSpacings
  fontWeights: HuiFontWeights
  fontSizes: HuiFontSizes
}

export interface HuiLineHeights {
  solid: number
  title: number
  copy: number
  double: number
}

export interface HuiFontWeights {
  light: number
  regular: number
  medium: number
  bold: number
}

export interface HuiFontSizes {
  mini: string
  small: string
  regular: string
  medium: string
  large: string
}

export interface HuiLetterSpacings {
  default: string
  wide: string
  tracked: string
}

export interface BreakpointsItem {
  min: string
  max: string
}

export interface HuiThemesBreakpoints {
  xs: BreakpointsItem
  sm: BreakpointsItem
  md: BreakpointsItem
  lg: BreakpointsItem
  xl: BreakpointsItem
}

export interface HuiThemes {
  type: string
  icon?: React.FC | React.Component
  font: HuiThemesFont
  layout: HuiThemesLayout
  palette: HuiThemesPalette
  breakpoints: HuiThemesBreakpoints
  expressiveness: HuiThemesExpressiveness
}

export interface BreakpointsItem {
  min: string
  max: string
}

export interface HuiThemesBreakpoints {
  xs: BreakpointsItem
  sm: BreakpointsItem
  md: BreakpointsItem
  lg: BreakpointsItem
  xl: BreakpointsItem
}

export interface HuiThemes {
  type: string
  font: HuiThemesFont
  layout: HuiThemesLayout
  palette: HuiThemesPalette
  breakpoints: HuiThemesBreakpoints
  expressiveness: HuiThemesExpressiveness
}