message: fix(form-control): types in stories
diff: -import {
  - chakra,
  - PropsOf,
  - useStyleConfig,
  - useMultiStyleConfig,
  - forwardRef,
  -} from "@chakra-ui/system"
  +import { chakra, PropsOf, useMultiStyleConfig } from "@chakra-ui/system"
  import * as React from "react"
  import {
  FormControlOptions,
  @@ -39,11 +33,13 @@ type InputProps = Omit<PropsOf<"input">, OmittedTypes> &
  // Create an input that consumes useFormControl
  type Props = { focusBorderColor?: string; errorBorderColor?: string }
  -const Input: React.FC<InputProps> = forwardRef((props, ref) => {
  +const Input = React.forwardRef<HTMLInputElement, InputProps & Props>(
  + (props, ref) => {
  const styles = useMultiStyleConfig("Input", props)
  const inputProps = useFormControl<HTMLInputElement>(props)
  return <chakra.input ref={ref} __css={styles.field} {...inputProps} />
  -})
  + },
  +)
  export const InputExample = () => (
  <FormControl id="first-name" isRequired isInvalid>
  @@ -57,11 +53,13 @@ export const InputExample = () => (
  type TextAreaProps = Omit<PropsOf<"textarea">, OmittedTypes> &
  FormControlOptions
  -const Textarea: React.FC<TextAreaProps> = forwardRef((props, ref) => {
  - const styles = useStyleConfig("Textarea", props)
  +const Textarea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(
  + (props, ref) => {
  + const styles = useMultiStyleConfig("Textarea", props)
  const inputProps = useFormControl<HTMLTextAreaElement>(props)
  return <chakra.textarea ref={ref} __css={styles} {...inputProps} />
  -})
  + },
  +)
  export const TextAreaExample: React.FC = () => (
  <FormControl id="first-name" isInvalid>
  @@ -77,11 +75,13 @@ export const TextAreaExample: React.FC = () => (
  type SelectProps = Omit<PropsOf<"select">, OmittedTypes> & FormControlOptions
  -const Select: React.FC<SelectProps> = forwardRef((props, ref) => {
  +const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
  + (props, ref) => {
  const styles = useMultiStyleConfig("Select", props)
  const inputProps = useFormControl<HTMLSelectElement>(props)
  return <chakra.select ref={ref} __css={styles.field} {...inputProps} />
  -})
  + },
  +)
  export const SelectExample: React.FC = () => (
  <FormControl id="first-name" isInvalid>
  