form.ts

type Input<InputType, Validator> = {
  value: InputType
  default: InputType
  description: Description
  validation: Validator
} 

type InputType = (TextField | TextArea | CheckBox | CheckGroup<CheckBox> | Radio | Select)

type Description = string
type ErrorMessage = string

type Validation<ValidationType> = {
  value: ValidationType
  error: ErrorMessage 
} 

type Required = Validation<boolean>
type Maximum = Validation<number>
type Minimum = Validation<number>
type Min = Validation<number>
type Max = Validation<number>

type TextField = Input<(string | number), {
  require: Required
  maximum: Maximum
  minimum: Minimum
  min: Min
  max: Max
}>

type TextArea = Input<string, {
  require: Required
  maximum: Maximum
  minimum: Minimum
}>

type CheckBox = Input<(boolean | string), { 
  require: Required
  maximum: Maximum
  minimum: Minimum  
}>

type CheckGroup<CheckBox> = Input<CheckBox, {
  require: Required
  maximum: Maximum
  minimum: Minimum
}>

type Radio = Input<(number | Array<(string| number)>), {
  require: Required
}>

type Select = Input<(number | Array<(string| number)>), {
  require: Required
}>