hunk.code_window:       format: 'es',
       },
       external: [...external, 'raf'],
       plugins: [babel(babelOptions(false))],
     },
     {
       input: 'src/index.umd.js',
       output: {
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit:     plugins: [babel(babelOptions())],
  
hunk.file_path: rollup.config.js
hunk.type: replace
file: // @flow
  import React, { type ElementRef } from 'react';
  import AutosizeInput from 'react-input-autosize';
  
  import { className } from '../utils';
  import { spacing } from '../theme';
  import { Div } from '../primitives';
  
  import type { PropsWithStyles } from '../types';
  
  export type InputProps = PropsWithStyles & {
    /** Reference to the internal element */
    innerRef: (ElementRef<*>) => void,
    /** Set whether the input should be visible. Does not affect input size. */
    isHidden: boolean,
    /** Whether the input is disabled */
    isDisabled?: boolean,
  };
  
  export const css = ({ isDisabled }: InputProps) => ({
    margin: spacing.baseUnit / 2,
    paddingBottom: spacing.baseUnit / 2,
    paddingTop: spacing.baseUnit / 2,
    visibility: isDisabled ? 'hidden' : 'visible',
  });
  const inputStyle = isHidden => ({
    background: 0,
    border: 0,
    fontSize: 'inherit',
    opacity: isHidden ? 0 : 1,
    outline: 0,
    padding: 0,
  });
  
  const Input = ({
    getStyles,
    innerRef,
    isHidden,
    isDisabled,
    ...props
  }: InputProps) => (
    <Div css={getStyles('input', props)}>
      <AutosizeInput
        className={className('input')}
        inputRef={innerRef}
        inputStyle={inputStyle(isHidden)}
        disabled={isDisabled}
        {...props}
      />
    </Div>
  );
  export default Input;
  