classDiagram
  direction LR

  class IconType {
    <<interface>>
    +render(props)
  }

  class XpayMono {
    +IconType(props)
  }

  class XpayColor {
    +IconType(props)
  }

  class XpayText {
    +IconType(props)
  }

  class IconCombineProps {
    +number size
    +number spaceMultiple
    +number textMultiple
    +string ariaLabel
  }

  class CombineProps {
    +string type
  }

  class IconCombine {
    +render(Icon, Text, size, spaceMultiple, textMultiple, ariaLabel)
  }

  class XpayCombine {
    +CombineProps props
    +render(type, size, spaceMultiple, textMultiple, ariaLabel)
  }

  class IconAvatarProps {
    +number size
    +string background
    +string color
    +number iconMultiple
    +string ariaLabel
  }

  class AvatarProps {
  }

  class IconAvatar {
    +render(Icon, size, background, color, iconMultiple, ariaLabel)
  }

  class XpayAvatar {
    +AvatarProps props
    +render(size, background, color, iconMultiple, ariaLabel)
  }

  class XpayStyles {
    +string TITLE
    +number COMBINE_TEXT_MULTIPLE
    +number COMBINE_SPACE_MULTIPLE
    +string COLOR_PRIMARY
    +string AVATAR_BACKGROUND
    +string AVATAR_COLOR
    +number AVATAR_ICON_MULTIPLE
  }

  class XpayCompoundedIcon {
    +XpayColor Color
    +XpayText Text
    +XpayCombine Combine
    +XpayAvatar Avatar
    +string colorPrimary
    +string title
  }

  class XpayDefaultExport {
    +XpayColor Color
    +XpayText Text
    +XpayCombine Combine
    +XpayAvatar Avatar
    +string colorPrimary
    +string title
  }

  XpayMono ..|> IconType
  XpayColor ..|> IconType
  XpayText ..|> IconType

  XpayCombine ..> IconCombineProps
  XpayCombine ..> IconCombine
  XpayCombine ..> XpayColor
  XpayCombine ..> XpayMono
  XpayCombine ..> XpayText

  XpayAvatar ..> IconAvatarProps
  XpayAvatar ..> IconAvatar
  XpayAvatar ..> XpayMono

  XpayStyles <.. XpayCombine
  XpayStyles <.. XpayAvatar
  XpayStyles <.. XpayDefaultExport

  XpayCompoundedIcon <|.. XpayDefaultExport
  XpayMono <|-- XpayDefaultExport

classDiagram
  direction LR

  class ModelProvider {
    <<enum>>
    Xpay
    Xinference
    Fal
    Ai302
    AiHubMix
  }

  class XpayDefaultExport

  class XpayIconExport {
    +Xpay: XpayDefaultExport
  }

  class ProviderMapping {
    +Icon: any
    +combineMultiple: number
    +keywords: ModelProvider[]
  }

  class ProviderMappingsConfig {
    +providerMappings: ProviderMapping[]
  }

  class IconTocParam {
    +hasAvatar: bool
    +hasBrand: bool
    +hasBrandColor: bool
    +hasColor: bool
    +hasCombine: bool
    +hasText: bool
    +hasTextCn: bool
    +hasTextColor: bool
  }

  class IconToc {
    +id: string
    +title: string
    +fullTitle: string
    +group: string
    +color: string
    +desc: string
    +docsUrl: string
    +param: IconTocParam
  }

  class TocConfig {
    +toc: IconToc[]
  }

  class XpayTocEntry {
    +id_Xpay: string
    +group_provider: string
    +color_0F1C4D: string
    +desc_https_xpay_sh: string
    +docsUrl_xpay: string
  }

  class XpayDocPage {
    +icons: example
    +text: example
    +combine: example
    +avatars: example
    +colors: example
  }

  XpayIconExport --> XpayDefaultExport

  ProviderMappingsConfig "1" o--> "*" ProviderMapping
  ProviderMapping --> ModelProvider
  ProviderMapping --> XpayDefaultExport : Icon

  TocConfig "1" o--> "*" IconToc
  IconToc --> IconTocParam
  XpayTocEntry <|-- IconToc

  XpayDocPage --> XpayDefaultExport