message: refactor(typings): pin-input
diff: @@ -3,6 +3,7 @@ import {
  PropsOf,
  ThemingProps,
  useStyleConfig,
  + forwardRef,
  omitThemingProps,
  } from "@chakra-ui/system"
  import { cx, __DEV__, getValidChildren } from "@chakra-ui/utils"
  @@ -38,7 +39,7 @@ export type PinInputProps = UsePinInputProps &
  children: React.ReactNode
  }
  -export function PinInput(props: PinInputProps) {
  +export const PinInput: React.FC<PinInputProps> = (props) => {
  const styles = useStyleConfig("PinInput", props)
  const { children, ...otherProps } = omitThemingProps(props)
  @@ -57,10 +58,8 @@ if (__DEV__) {
  export type PinInputFieldProps = PropsOf<typeof chakra.input>
  -export const PinInputField = React.forwardRef(function PinInputField(
  - props: PinInputFieldProps,
  - ref: React.Ref<any>,
  -) {
  +export const PinInputField: React.FC<PinInputFieldProps> = forwardRef(
  + (props, ref) => {
  const inputProps = usePinInputField({ ref, ...props })
  return (
  <chakra.input
  @@ -68,7 +67,8 @@ export const PinInputField = React.forwardRef(function PinInputField(
  className={cx("chakra-pin-input", props.className)}
  />
  )
  -})
  + },
  +)
  if (__DEV__) {
  PinInputField.displayName = "PinInputField"
  